ADD: ESLint

ADD: StyleLint
FIX: All Error

.eslintignore

@@ -1 +1,6 @@
 functions/nuxt
+node_modules/
+src/static/
+src/assets/
+dist/
+.nuxt/

.eslintrc.js

@@ -1,23 +1,12 @@
 module.exports = {
-  root: true,
-  env: {
-    browser: true,
-    node: true
-  },
-  parserOptions: {
-    parser: 'babel-eslint'
-  },
+  plugins: ['eslint-plugin-tsdoc'],
   extends: [
-    '@nuxtjs',
-    'prettier',
+    '@nuxtjs/eslint-config-typescript',
     'prettier/vue',
-    'plugin:prettier/recommended',
-    'plugin:nuxt/recommended'
+    'prettier',
+    'plugin:prettier/recommended'
   ],
-  plugins: ['prettier'],
-  // add your custom rules here
   rules: {
-    'nuxt/no-cjs-in-config': 'off',
     'vue/max-attributes-per-line': 'off',
     'vue/html-self-closing': [
       'error',
@@ -27,14 +16,13 @@ module.exports = {
         }
       }
     ],
-    'comma-dangle': ['error', 'never'],
     'prettier/prettier': [
       'error',
       {
         semi: false,
-        singleQuote: true,
-        trailingComma: 'none'
+        singleQuote: true
       }
-    ]
+    ],
+    'tsdoc/syntax': 'error'
   }
 }

.prettierrc

@@ -1,5 +1,4 @@
 {
   "semi": false,
-  "singleQuote": true,
-  "trailingComma": "none"
+  "singleQuote": true
 }

nuxt.config.js

@@ -1,7 +1,6 @@
 const colors = require('vuetify/es5/util/colors').default
 const environment = process.env.NODE_ENV || 'development'
 
-// eslint-disable-next-line nuxt/no-cjs-in-config
 module.exports = {
   mode: 'universal',
   srcDir: 'src',
@@ -81,7 +80,7 @@ module.exports = {
     // Doc: https://github.com/nuxt-community/eslint-module
     '@nuxtjs/eslint-module',
     // Doc: https://github.com/nuxt-community/stylelint-module
-    // '@nuxtjs/stylelint-module',
+    '@nuxtjs/stylelint-module',
     '@nuxt/typescript-build',
     '@nuxtjs/vuetify'
   ],

package.json

@@ -66,7 +66,7 @@
     "husky": "^4.2.5",
     "lint-staged": "^10.2.2",
     "nodemon": "^2.0.3",
-    "prettier": "^2.0.5",
+    "prettier": "^1.19.1",
     "rimraf": "^3.0.2",
     "sass-loader": "^8.0.2",
     "stylelint": "^13.3.3",

src/components/CommentButton.vue

@@ -24,7 +24,7 @@ export default {
   align-items: center;
   justify-content: center;
   font-weight: bold;
-  background: #ffffff;
+  background: #fff;
   border: 1px solid #bdc3c7;
   box-sizing: border-box;
   box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);

src/components/MovieButton.vue

@@ -26,7 +26,7 @@ export default {
   align-items: center;
   justify-content: center;
   font-weight: bold;
-  background: #ffffff;
+  background: #fff;
   border: 1px solid #bdc3c7;
   box-sizing: border-box;
   box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);

src/components/StudyCard.vue

@@ -2,15 +2,15 @@
   <v-card color="#338dce" class="studycard">
     <div class="studycard-content">
       <div class="timestr">
-        <v-icon size="20px" color="#ffffff">mdi-clock-outline</v-icon>
+        <v-icon size="20px" color="#fff">mdi-clock-outline</v-icon>
         <div class="schooltime">
           {{ schooltime }}<ruby>時<rt>じ</rt>間<rt>かん</rt>目<rt>め</rt></ruby>
         </div>
         <div class="realtime">
           {{ realtime }}
         </div>
         <v-spacer />
-        <v-icon size="20px" color="#ffffff">mdi-bookshelf</v-icon>
+        <v-icon size="20px" color="#fff">mdi-bookshelf</v-icon>
         {{ subject }}
       </div>
       <div class="contentstr">
@@ -79,7 +79,7 @@ export default {
   font-family: 'Noto Sans', sans-serif;
   height: 100%;
   align-items: center;
-  color: #ffffff;
+  color: #fff;
   margin-bottom: 10px;
   display: flex;
 }
@@ -97,7 +97,7 @@ export default {
   line-height: 15px;
   width: 100%;
   height: 100%;
-  background-color: #ffffff;
+  background-color: #fff;
   border-radius: 4px;
 
   /* Inside Auto Layout */

src/components/SubTextBookButton.vue

@@ -26,7 +26,7 @@ export default {
   align-items: center;
   justify-content: center;
   font-weight: bold;
-  background: #ffffff;
+  background: #fff;
   border: 1px solid #bdc3c7;
   box-sizing: border-box;
   box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);

src/components/TextBookButton.vue

@@ -26,7 +26,7 @@ export default {
   align-items: center;
   justify-content: center;
   font-weight: bold;
-  background: #ffffff;
+  background: #fff;
   border: 1px solid #bdc3c7;
   box-sizing: border-box;
   box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);

src/layouts/classes.vue

@@ -31,7 +31,14 @@
       </v-list>
     </v-navigation-drawer>
     -->
-    <v-app-bar fixed app dense class="bar" elevation="0">
+    <v-app-bar
+      fixed
+      app
+      dense
+      class="bar"
+      style="background-color: rgba(0, 0, 0, 0)"
+      elevation="0"
+    >
       <span>
         {{ schoolName }}
       </span>
@@ -84,6 +91,12 @@
 import { mapGetters, mapActions } from 'vuex'
 export default {
   middleware: 'checkClassData',
+  data() {
+    return {
+      loading: true,
+      menu: false
+    }
+  },
   computed: {
     ...mapGetters('modules/class', ['schoolName', 'className', 'ViewDate']),
     VuexDate: {
@@ -95,12 +108,6 @@ export default {
       }
     }
   },
-  data() {
-    return {
-      loading: true,
-      menu: false
-    }
-  },
   mounted() {
     this.loading = false
     this.setViewDate(this.$dayjs().format('YYYY-MM-DD'))

src/layouts/default.vue

@@ -31,7 +31,14 @@
       </v-list>
     </v-navigation-drawer>
     -->
-    <v-app-bar fixed app dense class="bar" elevation="0">
+    <v-app-bar
+      fixed
+      app
+      dense
+      class="bar"
+      style="background-color: rgba(0, 0, 0, 0)"
+      elevation="0"
+    >
       <v-spacer />
       おうちで時間割
       <v-spacer />
@@ -66,7 +73,7 @@ export default {
 }
 .bar {
   background-color: rgba(0, 0, 0, 0);
-  color: white;
+  color: #fff;
   text-align: center;
 }
 </style>

src/middleware/checkClassData.js

@@ -1,4 +1,4 @@
-export default function ({ store, redirect }) {
+export default function({ store, redirect }) {
   if (!store.getters['modules/class/isLoadedClassData']) {
     return redirect('/')
   }

src/pages/account/login.vue

@@ -65,13 +65,13 @@ export default {
       firebase
         .auth()
         .signInWithEmailAndPassword(this.email, this.password)
-        .then((userInfo) => {
+        .then(userInfo => {
           this.login(userInfo)
         })
         .then(() => {
           this.$router.push('/edit')
         })
-        .catch((error) => {
+        .catch(error => {
           this.loading = false
           alert(error)
         })
@@ -93,7 +93,7 @@ export default {
     text-align: center;
   }
   .LoginTitle {
-    color: #ffffff;
+    color: #fff;
     font-family: 'Noto Sans JP', sans-serif;
     font-size: 5em;
   }

src/pages/account/resetPassword.vue

@@ -56,7 +56,7 @@ export default {
         .then(() => {
           this.$router.push('/account/signin')
         })
-        .catch((error) => {
+        .catch(error => {
           this.loading = false
           alert(error)
         })
@@ -78,7 +78,7 @@ export default {
     text-align: center;
   }
   .SignUpTitle {
-    color: #ffffff;
+    color: #fff;
     font-family: 'Noto Sans JP', sans-serif;
     font-size: 5em;
   }

src/pages/account/signup.vue

@@ -66,14 +66,14 @@ export default {
       firebase
         .auth()
         .createUserWithEmailAndPassword(this.email, this.password)
-        .then((userInfo) => {
+        .then(userInfo => {
           this.login(userInfo)
           this.writeUserData(userInfo.user.uid, userInfo.user.email)
         })
         .then(() => {
           this.$router.push('/edit')
         })
-        .catch((error) => {
+        .catch(error => {
           this.loading = false
           alert(error)
         })
@@ -84,14 +84,18 @@ export default {
     gotoResetPassword() {
       this.$router.push('/reset-password')
     },
-    writeUserData(userId, email) {
+    writeUserData(userId) {
       const today = new Date()
-      return firebase.firestore().collection('users').doc(userId).set({
-        allow_access: [],
-        created_at: today,
-        updated_at: today,
-        last_login: today
-      })
+      return firebase
+        .firestore()
+        .collection('users')
+        .doc(userId)
+        .set({
+          allow_access: [],
+          created_at: today,
+          updated_at: today,
+          last_login: today
+        })
     }
   }
 }
@@ -104,7 +108,7 @@ export default {
     text-align: center;
   }
   .SignUpTitle {
-    color: #ffffff;
+    color: #fff;
     font-family: 'Noto Sans JP', sans-serif;
     font-size: 5em;
   }

src/pages/index.vue

@@ -47,16 +47,16 @@ export default {
       errorMessages: '',
       valid: true,
       nameRules: [
-        (v) => !!v || 'クラスIDは必須です',
-        (v) => (v && v.length === 6) || 'クラスIDは6文字のひらがなです'
+        v => !!v || 'クラスIDは必須です',
+        v => (v && v.length === 6) || 'クラスIDは6文字のひらがなです'
       ]
     }
   },
   methods: {
     ...mapActions('modules/class', ['loadClassData']),
     checkInClass() {
       this.loading = true
-      this.checkExistsClassData(this.classId).then((value) => {
+      this.checkExistsClassData(this.classId).then(value => {
         if (value) {
           this.loadClassData(this.classId)
           this.$router.push('/classes')

src/plugins/dayjs.js

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

src/store/index.js

@@ -4,7 +4,7 @@ import checkExistsClassData from '`@/utils/checkExistsClassData'
 import firebase from '@/plugins/firebase'
 */
 export const actions = {
-  async nuxtServerInit({ dispatch, commit, state }, { req, res, error }) {
+  async nuxtServerInit({ dispatch }, { req }) {
     const user = getUserFromCookie(req)
     /*
     const classDataSnapshot = await firebase

src/store/modules/class.js

@@ -24,7 +24,7 @@ export const getters = {
   ViewDate(state) {
     return state.ViewDate
   },
-  isLoadedClassData: (state) => {
+  isLoadedClassData: state => {
     return state.classId !== ''
   }
 }
@@ -52,7 +52,7 @@ export const mutations = {
 }
 
 export const actions = {
-  async loadClassData({ dispatch, state }, classId) {
+  async loadClassData({ dispatch }, classId) {
     const classDataSnapshot = await firebase
       .firestore()
       .collection('classData')
@@ -78,7 +78,7 @@ export const actions = {
   nextDate({ commit }) {
     commit('nextDate')
   },
-  isLoadedClassData: (state) => {
+  isLoadedClassData: state => {
     return state.classData !== {}
   }
 }