ADD: DayJS

ADD: Select Today First

Author: NEKOYASAN

nuxt.config.js

@@ -68,6 +68,10 @@ module.exports = {
       src: '@/plugins/firebase-admin.js',
       ssr: true,
     },
+    {
+      src: '@/plugins/dayjs.js',
+      ssr: true,
+    },
   ],
   /*
    ** Nuxt.js dev-modules

src/pages/classes/index.vue

@@ -1,12 +1,7 @@
 <template>
   <div class="MainPage">
     <v-row class="DataBlock">
-      <v-col
-        v-for="(item, i) in Lessons['2020-04-04']"
-        :key="i"
-        cols="12"
-        md="6"
-      >
+      <v-col v-for="(item, i) in Lessons[today]" :key="i" cols="12" md="6">
         <StudyCard
           :schooltime="i + 1"
           :realtime="item.realTime"
@@ -27,6 +22,11 @@ export default {
   computed: {
     ...mapGetters('modules/class', ['Lessons']),
   },
+  data() {
+    return {
+      today: this.$dayjs().format('YYYY-MM-DD'),
+    }
+  },
 }
 </script>
 

src/plugins/dayjs.js

@@ -0,0 +1,5 @@
+import dayjs from 'dayjs'
+
+export default ({ app }, inject) => {
+  inject('dayjs', (string) => dayjs(string))
+}