From 2e4d8b04580b48deca6bb5ac875f7b4767e32681 Mon Sep 17 00:00:00 2001
From: Hironsan <light.tree.1.13@gmail.com>
Date: Wed, 3 Mar 2021 17:51:54 +0900
Subject: [PATCH] Add date field to ProjectList.vue

---
 frontend/components/project/ProjectList.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/components/project/ProjectList.vue b/frontend/components/project/ProjectList.vue
index 2084b7bb..0aebf710 100644
--- a/frontend/components/project/ProjectList.vue
+++ b/frontend/components/project/ProjectList.vue
@@ -32,11 +32,18 @@
         <span>{{ item.name }}</span>
       </nuxt-link>
     </template>
+    <template v-slot:[`item.updatedAt`]="{ item }">
+      <span>{{ item.updatedAt | dateParse('YYYY-MM-DDTHH:mm:ss') | dateFormat('DD/MM/YYYY HH:mm') }}</span>
+    </template>
   </v-data-table>
 </template>
 
 <script lang="ts">
 import Vue from 'vue'
+import VueFilterDateFormat from '@vuejs-community/vue-filter-date-format'
+import VueFilterDateParse from '@vuejs-community/vue-filter-date-parse'
+Vue.use(VueFilterDateFormat)
+Vue.use(VueFilterDateParse)
 
 export default Vue.extend({
   props: {
@@ -67,7 +74,8 @@ export default Vue.extend({
       return [
         { text: this.$t('generic.name'), value: 'name' },
         { text: this.$t('generic.description'), value: 'description' },
-        { text: this.$t('generic.type'), value: 'projectType' }
+        { text: this.$t('generic.type'), value: 'projectType' },
+        { text: 'Updated', value: 'updatedAt' },
       ]
     }
   }