feat(ui): LoggerMessage date

vuejs · Mar 19, 2018 · 9cf8348 · 9cf8348
1 parent b949406
commit 9cf8348
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/packages/@vue/cli-ui/src/components/LoggerMessage.vue b/packages/@vue/cli-ui/src/components/LoggerMessage.vue
@@ -13,6 +13,7 @@
     <div v-if="message.type !== 'log'" class="type">{{ message.type }}</div>
     <div v-if="message.tag" class="tag">{{ message.tag }}</div>
     <div class="message" v-html="formattedMessage"/>
+    <div class="date">{{ message.date | date }}</div>
   </div>
 </template>
 
@@ -102,4 +103,7 @@ export default {
   &.pre
     .message
       white-space pre-wrap
+
+  .date
+    opacity .5
 </style>
diff --git a/packages/@vue/cli-ui/src/filters.js b/packages/@vue/cli-ui/src/filters.js
@@ -19,3 +19,7 @@ export function folder (value, maxLength = -1) {
 
   return value
 }
+
+export function date (value) {
+  return new Date(value).toLocaleString()
+}