From a29f7212ec24fc3d3c408c0eef6dcbdb39370f07 Mon Sep 17 00:00:00 2001
From: Hironsan <hiroki.nakayama.py@gmail.com>
Date: Fri, 25 Nov 2022 16:06:08 +0900
Subject: [PATCH] Change date format from dd/mm/yy to yy/mm/dd

---
 frontend/components/project/ProjectList.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/components/project/ProjectList.vue b/frontend/components/project/ProjectList.vue
index ab5dabd2..e8bf3312 100644
--- a/frontend/components/project/ProjectList.vue
+++ b/frontend/components/project/ProjectList.vue
@@ -36,7 +36,7 @@
     </template>
     <template #[`item.createdAt`]="{ item }">
       <span>{{
-        item.createdAt | dateParse('YYYY-MM-DDTHH:mm:ss') | dateFormat('DD/MM/YYYY HH:mm')
+        dateFormat(dateParse(item.createdAt, 'YYYY-MM-DDTHH:mm:ss'), 'YYYY/MM/DD HH:mm')
       }}</span>
     </template>
     <template #[`item.tags`]="{ item }">
@@ -47,13 +47,11 @@
 
 <script lang="ts">
 import { mdiMagnify } from '@mdi/js'
-import VueFilterDateFormat from '@vuejs-community/vue-filter-date-format'
-import VueFilterDateParse from '@vuejs-community/vue-filter-date-parse'
+import { dateFormat } from '@vuejs-community/vue-filter-date-format'
+import { dateParse } from '@vuejs-community/vue-filter-date-parse'
 import Vue, { PropType } from 'vue'
 import { DataOptions } from 'vuetify/types'
 import { Project } from '~/domain/models/project/project'
-Vue.use(VueFilterDateFormat)
-Vue.use(VueFilterDateParse)
 
 export default Vue.extend({
   props: {
@@ -83,7 +81,9 @@ export default Vue.extend({
     return {
       search: this.$route.query.q,
       options: {} as DataOptions,
-      mdiMagnify
+      mdiMagnify,
+      dateFormat,
+      dateParse
     }
   },