date-fnsをdayjsに置き換え

Author: kaizumaki

src/components/__tests__/CalendarBar.spec.ts

@@ -10,7 +10,7 @@ import {
   Wrapper,
 } from '@vue/test-utils'
 // Components
-import formatISO from 'date-fns/formatISO'
+import dayjs from 'dayjs'
 import CalendarBar from '../CalendarBar.vue'
 // import View from '../CalendarBar.vue'
 // import StartWeekOn from '../CalendarBar.vue'
@@ -53,9 +53,9 @@ describe('CalendarBar.vue', () => {
     const dateListWindow = wrapper.vm.$data.dateListWindow
     expect(dateListWindow.view).toBe('Week')
     expect(dateListWindow.startWeekOn).toBe('Monday')
-    expect(
-      formatISO(dateListWindow.currentDate, { representation: 'date' })
-    ).toBe(formatISO(new Date(), { representation: 'date' }))
+    expect(dayjs(dateListWindow.currentDate).toISOString()).toBe(
+      dayjs().toISOString()
+    )
   })
 
   test('sets props correctly', () => {

src/pages/classes/index.vue

@@ -24,7 +24,6 @@
 
 <script lang="ts">
 import Vue from 'vue'
-import isToday from 'date-fns/isToday'
 import { vxm } from '@/store'
 import PeriodSection from '@/components/PeriodSection.vue'
 
@@ -50,7 +49,7 @@ export default Vue.extend({
       return vxm.app.currentDate
     },
     today() {
-      return isToday(vxm.app.currentDate)
+      return (this.$dayjs(vxm.app.currentDate) as any).isToday()
     },
     dateTitle() {
       return this.$dayjs(vxm.app.currentDate).format('M/D')

src/pages/edit/index.vue

@@ -130,7 +130,6 @@
 
 <script lang="ts">
 import Vue from 'vue'
-import isToday from 'date-fns/isToday'
 import { vxm } from '@/store'
 import PeriodSection from '@/components/PeriodSection.vue'
 import EditLessonScreenBottomSheet from '@/components/EditLessonScreenBottomSheet.vue'
@@ -211,7 +210,7 @@ export default Vue.extend({
       return vxm.app.currentDate
     },
     today() {
-      return isToday(vxm.app.currentDate)
+      return (this.$dayjs(vxm.app.currentDate) as any).isToday()
     },
     dateTitle() {
       return this.$dayjs(vxm.app.currentDate).format('M/D')

src/pages/lesson/index.vue

@@ -115,8 +115,6 @@
 
 <script lang="ts">
 import Vue from 'vue'
-import 'dayjs/locale/ja'
-import add from 'date-fns/add'
 import { vxm } from '@/store'
 import SubjectTag from '@/components/SubjectTag.vue'
 import classData from '~/types/store/classData'
@@ -151,7 +149,7 @@ export default Vue.extend({
         return {
           id: '',
           startTime: new Date(),
-          endTime: add(new Date(), { minutes: 40 }),
+          endTime: this.$dayjs().add(40, 'minute'),
           title: '授業のタイトル',
           subject: {
             name: '教科名',