diff --git a/.eslintrc.js b/.eslintrc.js
index 80e76c4..b87b959 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -9,15 +9,13 @@ module.exports = {
     requireConfigFile: false,
     project: 'tsconfig.json',
     sourceType: 'module',
-    extraFileExtensions: [
-      '.vue',
-    ],
+    extraFileExtensions: ['.vue'],
   },
-  "parser": "vue-eslint-parser",
+  parser: 'vue-eslint-parser',
   extends: [
     'plugin:vue/vue3-recommended',
     'prettier',
-    '@nuxt/eslint-config-typescript',
+    '@nuxtjs/eslint-config-typescript',
   ],
   plugins: ['vue', 'import'],
   // add your custom rules here
@@ -25,4 +23,5 @@ module.exports = {
     // これがないと単一名称のコンポーネントを置けない
     'vue/multi-word-component-names': 'off',
   },
+  ignorePatterns: ['.eslintrc.js']
 }
diff --git a/components/AddTagDialog.vue b/components/AddTagDialog.vue
index 80dcc29..391e4ef 100644
--- a/components/AddTagDialog.vue
+++ b/components/AddTagDialog.vue
@@ -13,10 +13,17 @@
         </v-btn>
       </template>
       <v-card>
-        <v-btn class="ma-6" icon variant="plain" @click="tagDialog = !tagDialog">
+        <v-btn
+          class="ma-6"
+          icon
+          variant="plain"
+          @click="tagDialog = !tagDialog"
+        >
           <v-icon> mdi-window-close </v-icon>
         </v-btn>
-        <v-card-title class="justify-center"> タグを登録します </v-card-title>
+        <v-card-title class="justify-center">
+          タグを登録します
+        </v-card-title>
         <v-container>
           <v-row>
             <v-col>
@@ -27,8 +34,7 @@
                   variant="outlined"
                   required
                   density="compact"
-                >
-                </v-text-field>
+                />
                 <FormButton :disabled="!isSubmittable" :click="addTag">
                   保存する
                 </FormButton>
@@ -55,29 +61,29 @@ const userStore = useUserStore()
 export default {
   components: {
     FormButton,
-    Snackbar,
+    Snackbar
   },
-  data() {
+  data () {
     return {
       tagDialog: false,
       newTag: '',
       snackbar: false,
       snackbarText: '',
       rules: {
-        tag: [(val) => (val || '').length > 0 || 'タグを入力してください。'],
-      },
+        tag: [val => (val || '').length > 0 || 'タグを入力してください。']
+      }
     }
   },
   computed: {
-    tags() {
+    tags () {
       return tagStore.findAll
     },
-    isSubmittable() {
+    isSubmittable () {
       return this.newTag || this.newTag !== ''
-    },
+    }
   },
   methods: {
-    async addTag() {
+    async addTag () {
       if (this.tags.includes(this.newTag)) {
         this.snackbar = true
         this.snackbarText = `タグ ${this.newTag} はすでに登録されています`
@@ -88,16 +94,16 @@ export default {
         userId: userStore.getCurrent.id,
         name: this.newTag,
         createdAt: now,
-        updatedAt: now,
+        updatedAt: now
       })
       this.newTag = ''
       this.tagDialog = false
       this.snackbar = true
       this.snackbarText = `タグ ${this.newTag} を追加しました`
     },
-    close() {
+    close () {
       this.snackbar = false
-    },
-  },
+    }
+  }
 }
 </script>
diff --git a/components/AppHeader.vue b/components/AppHeader.vue
index 23867ee..fa2db7e 100644
--- a/components/AppHeader.vue
+++ b/components/AppHeader.vue
@@ -3,16 +3,13 @@
     <v-app-bar-title> Cords </v-app-bar-title>
     <v-container v-if="isAuthenticated" class="justify-right">
       <v-row>
-        <v-spacer></v-spacer>
+        <v-spacer />
         <v-menu offset-y>
           <template #activator="{ props }">
-            <v-btn
-              text
-              color="primary"
-              class="text-button"
-              v-bind="props"
-            >
-              <v-icon class="mr-1"> mdi-account-outline </v-icon> {{ name }}
+            <v-btn text color="primary" class="text-button" v-bind="props">
+              <v-icon class="mr-1">
+                mdi-account-outline
+              </v-icon> {{ name }}
             </v-btn>
           </template>
           <v-list>
@@ -32,7 +29,7 @@
 </template>
 
 <script>
-import { getAuth, signOut } from "firebase/auth";
+import { getAuth, signOut } from 'firebase/auth'
 import { defineComponent } from 'vue'
 import { useUserStore } from '@/store/user.store'
 import ButtonLink from '@/components/atoms/BunttonLink'
@@ -41,24 +38,24 @@ import Snackbar from '@/components/atoms/Snackbar'
 export default defineComponent({
   components: {
     ButtonLink,
-    Snackbar,
+    Snackbar
   },
-  data() {
+  data () {
     return {
       snackbar: false,
-      snackbarText: '',
+      snackbarText: ''
     }
   },
   computed: {
-    isAuthenticated() {
+    isAuthenticated () {
       return useUserStore().isAuthenticated
     },
-    name() {
+    name () {
       return useUserStore().getCurrent.name
-    },
+    }
   },
   methods: {
-    signout() {
+    signout () {
       const { $fire } = useNuxtApp()
       const { reset } = useUserStore()
       const { push } = useRouter()
@@ -74,10 +71,10 @@ export default defineComponent({
           this.snackbar = true
         })
     },
-    close() {
+    close () {
       this.snackbar = false
-    },
-  },
+    }
+  }
 })
 </script>
 
diff --git a/components/CardList.vue b/components/CardList.vue
index 20418c7..4285e1a 100644
--- a/components/CardList.vue
+++ b/components/CardList.vue
@@ -1,11 +1,15 @@
 <script lang="ts" setup>
+import { useDisplay } from 'vuetify'
 import Snackbar from '@/components/atoms/Snackbar.vue'
 import { useUserStore } from '@/store/user.store'
 import { Note, useNoteStore } from '@/store/note.store'
 import { useTagStore } from '@/store/tag.store'
-import { useDisplay } from 'vuetify'
 
-const { fetchAll: fetchAllNotes, findAll: findAllNotes, delete: remove } = useNoteStore()
+const {
+  fetchAll: fetchAllNotes,
+  findAll: findAllNotes,
+  delete: remove
+} = useNoteStore()
 const tagStore = useTagStore()
 const { getCurrent } = useUserStore()
 const router = useRouter()
@@ -15,8 +19,8 @@ const currentId = getCurrent.id
 let listNotes: Note[] = await fetchAllNotes(currentId)
 await tagStore.fetchAll(currentId)
 
-let snackbar = ref(false)
-let snackbarText = ref('')
+const snackbar = ref(false)
+const snackbarText = ref('')
 
 const notes = computed({
   get: () => findAllNotes,
@@ -45,7 +49,7 @@ const listHeight = computed(() => {
 
 const deleteNote = async (id: string): Promise<void> => {
   await remove(id)
-  notes.value = listNotes.filter((note) => note.id !== id)
+  notes.value = listNotes.filter(note => note.id !== id)
   snackbar.value = true
   snackbarText.value = 'カードを削除しました'
   // 削除時に削除するカード上にいたらリダイレクトする
@@ -62,8 +66,8 @@ const findByTags = (event: string[]): void => {
   if (filteringTags.size === 0) {
     notes.value = findAllNotes
   } else {
-    const filteredNotes = findAllNotes.filter(
-      (note) => filteringTags.has(note.tag)
+    const filteredNotes = findAllNotes.filter(note =>
+      filteringTags.has(note.tag)
     )
     notes.value = filteredNotes
   }
@@ -89,8 +93,7 @@ const close = () => {
       class="mt-2 mb-2"
       label="フィルタ"
       @change="findByTags"
-    >
-    </v-select>
+    />
     <v-list dense :height="listHeight" class="grey lighten-5 force-size">
       <v-list-item v-for="note in listNotes" :key="note.id">
         <div>
diff --git a/components/CreateCardForm.vue b/components/CreateCardForm.vue
index 160daca..53a6c1e 100644
--- a/components/CreateCardForm.vue
+++ b/components/CreateCardForm.vue
@@ -3,15 +3,27 @@
     <v-container fluid>
       <v-row no-gutters>
         <v-col>
-          <v-text-field v-model="title" label="要約" solo variant="outlined" density="compact"> </v-text-field>
+          <v-text-field
+            v-model="title"
+            label="要約"
+            solo
+            variant="outlined"
+            density="compact"
+          />
         </v-col>
       </v-row>
       <v-row no-gutters>
         <AddTagDialog class="ma-1" />
         <DeleteTagDialog :tags="tags" class="ma-1" />
         <v-col>
-          <v-select v-model="tag" :items="tags" label="タグ" solo variant="outlined" density="compact">
-          </v-select>
+          <v-select
+            v-model="tag"
+            :items="tags"
+            label="タグ"
+            solo
+            variant="outlined"
+            density="compact"
+          />
         </v-col>
       </v-row>
     </v-container>
@@ -24,7 +36,9 @@
       </v-col>
     </v-row>
     <v-row>
-      <FormButton :click="addNote"> 保存する </FormButton>
+      <FormButton :click="addNote">
+        保存する
+      </FormButton>
     </v-row>
     <Snackbar :open="snackbar" :close="close">
       {{ snackbarText }}
@@ -33,10 +47,10 @@
 </template>
 
 <script>
+import { useDisplay } from 'vuetify'
 import FormButton from '@/components/atoms/FormButton'
 import Snackbar from '@/components/atoms/Snackbar'
 import RichEditor from '@/components/atoms/editors/RichEditor'
-import { useDisplay } from 'vuetify'
 import { useTagStore } from '@/store/tag.store'
 import { useNoteStore } from '@/store/note.store'
 const tagStore = useTagStore()
@@ -46,22 +60,22 @@ export default {
   components: {
     FormButton,
     Snackbar,
-    RichEditor,
+    RichEditor
   },
-  data() {
+  data () {
     return {
       snackbar: false,
       snackbarText: '',
       title: '',
       body: '',
-      tag: '',
+      tag: ''
     }
   },
   computed: {
-    tags() {
-      return tagStore.findAll.map((t) => t.name)
+    tags () {
+      return tagStore.findAll.map(t => t.name)
     },
-    initialBody() {
+    initialBody () {
       const { name } = useDisplay()
       switch (name.value) {
         case 'sm':
@@ -79,13 +93,13 @@ export default {
           // 7行
           return '<p></p><p></p><p></p><p></p><p></p><p></p><p></p>'
       }
-    },
+    }
   },
-  created() {
+  created () {
     this.body = this.initialBody
   },
   methods: {
-    addNote() {
+    addNote () {
       const titleOrUntitled = this.title ? this.title : '無題'
 
       const now = new Date()
@@ -94,7 +108,7 @@ export default {
         tag: this.tag,
         body: this.body,
         createdAt: now,
-        updatedAt: now,
+        updatedAt: now
       })
       this.snackbar = true
       this.snackbarText = `カード ${titleOrUntitled} を保存しました`
@@ -102,9 +116,9 @@ export default {
       this.tag = ''
       this.body = ''
     },
-    close() {
+    close () {
       this.snackbar = false
-    },
-  },
+    }
+  }
 }
 </script>
diff --git a/components/DeleteCardDialog.vue b/components/DeleteCardDialog.vue
index 182bd48..97fd519 100644
--- a/components/DeleteCardDialog.vue
+++ b/components/DeleteCardDialog.vue
@@ -6,12 +6,7 @@
       transition="fade-transition"
     >
       <template #activator="{ props }">
-        <v-btn
-          icon
-          variant="plain"
-          color="amber-darken-4"
-          v-bind="props"
-        >
+        <v-btn icon variant="plain" color="amber-darken-4" v-bind="props">
           <v-icon> mdi-delete </v-icon>
         </v-btn>
       </template>
@@ -22,7 +17,9 @@
           </v-card-title>
           <v-row>
             <v-card-text class="text-center">
-              <v-icon class="ma-2"> mdi-alert-circle-outline </v-icon>
+              <v-icon class="ma-2">
+                mdi-alert-circle-outline
+              </v-icon>
               この操作は取り戻せません
             </v-card-text>
           </v-row>
@@ -49,24 +46,25 @@ export default {
   props: {
     noteTitle: {
       type: String,
-      default() {
+      default () {
         return ''
-      },
-    },
+      }
+    }
   },
-  data() {
+  emits: ['cardDelete'],
+  data () {
     return {
       cardDeleteDialog: false,
       snackbar: false,
-      snackbarText: '',
+      snackbarText: ''
     }
   },
   methods: {
-    deleteNote() {
+    deleteNote () {
       this.cardDeleteDialog = false
       // カード削除イベントをパブリッシュ（親側で監視して処理を行う）
       this.$emit('cardDelete')
-    },
-  },
+    }
+  }
 }
 </script>
diff --git a/components/DeleteTagDialog.vue b/components/DeleteTagDialog.vue
index 759beaf..e13791e 100644
--- a/components/DeleteTagDialog.vue
+++ b/components/DeleteTagDialog.vue
@@ -6,16 +6,19 @@
       transition="fade-transition"
     >
       <template #activator="{ props }">
-        <v-btn
-          icon
-          variant="plain"
-          color="amber-darken-4"
-          v-bind="props" >
-          <v-icon center dense> mdi-minus </v-icon>
+        <v-btn icon variant="plain" color="amber-darken-4" v-bind="props">
+          <v-icon center dense>
+            mdi-minus
+          </v-icon>
         </v-btn>
       </template>
       <v-card>
-        <v-btn class="ma-6" icon variant="plain" @click="tagDeleteDialog = !tagDeleteDialog">
+        <v-btn
+          class="ma-6"
+          icon
+          variant="plain"
+          @click="tagDeleteDialog = !tagDeleteDialog"
+        >
           <v-icon> mdi-window-close </v-icon>
         </v-btn>
         <v-card-title class="justify-center">
@@ -31,8 +34,7 @@
                 chips
                 variant="outlined"
                 label="削除したいタグを一つ以上選択"
-              >
-              </v-select>
+              />
               <FormButton :disabled="!isDeletable" :click="deleteTag">
                 削除する
               </FormButton>
@@ -56,39 +58,39 @@ const tagStore = useTagStore()
 export default {
   components: {
     FormButton,
-    Snackbar,
+    Snackbar
   },
   props: {
     tags: {
       type: Array,
-      default: () => [],
-    },
+      default: () => []
+    }
   },
-  data() {
+  data () {
     return {
       tagDeleteDialog: false,
       deletingTags: [],
       snackbar: false,
-      snackbarText: '',
+      snackbarText: ''
     }
   },
   computed: {
-    isDeletable() {
+    isDeletable () {
       return this.deletingTags.length > 0
-    },
+    }
   },
   methods: {
-    async deleteTag() {
-      tagStore.delete(this.deletingTags)
+    async deleteTag () {
+      await tagStore.delete(this.deletingTags)
       this.snackbar = true
       const deletedTags = this.deletingTags.reduce((l, r) => `${l}, ${r}`)
       this.snackbarText = `タグ ${deletedTags} を削除しました`
       this.deletingTags = []
     },
-    close() {
+    close () {
       this.snackbar = false
       this.snackbarText = ''
-    },
-  },
+    }
+  }
 }
 </script>
diff --git a/components/UpdateCardForm.vue b/components/UpdateCardForm.vue
index 89a37b9..c8f9156 100644
--- a/components/UpdateCardForm.vue
+++ b/components/UpdateCardForm.vue
@@ -10,16 +10,17 @@ const tagStore = useTagStore()
 const userStore = useUserStore()
 const noteStore = useNoteStore()
 
-const tags = computed(() => tagStore.findAll.map((t) => t.name))
+const tags = computed(() => tagStore.findAll.map(t => t.name))
 const snackbar = ref(false)
 
 const snackbarText = ref('')
 
-const note = (await noteStore.fetchAll(userStore.getCurrent.id)).find((n) => n.id === route.params.id)
+const note = (await noteStore.fetchAll(userStore.getCurrent.id))
+  .find(n => n.id === route.params.id)
 if (!note) {
-  throw new Error('')
+  throw new Error('ページが存在しないかも')
 }
-let newNote = note
+const newNote = note
 
 const updateNote = async (): Promise<void> => {
   newNote.updatedAt = new Date().toString()
@@ -43,7 +44,12 @@ const close = (): void => {
     <v-container fluid>
       <v-row no-gutters>
         <v-col>
-          <v-text-field v-model="note.title" label="要約" variant="plain" density="compact" />
+          <v-text-field
+            v-model="note.title"
+            label="要約"
+            variant="plain"
+            density="compact"
+          />
         </v-col>
       </v-row>
       <v-row no-gutters>
@@ -56,20 +62,23 @@ const close = (): void => {
             label="タグ"
             variant="plain"
             density="compact"
-          >
-          </v-select>
+          />
         </v-col>
       </v-row>
       <v-row no-gutters>
         <v-card flat outlined class="ml-2 mr-2 pa-1">
           <v-chip label>
-            <v-icon start> mdi-clock </v-icon> 作成
+            <v-icon start>
+              mdi-clock
+            </v-icon> 作成
           </v-chip>
           {{ note.createdAt }}
         </v-card>
         <v-card flat outlined class="ml-2 mr-2 pa-1">
           <v-chip label>
-            <v-icon start> mdi-clock </v-icon>
+            <v-icon start>
+              mdi-clock
+            </v-icon>
             更新
           </v-chip>
           {{ note.updatedAt }}
@@ -88,10 +97,12 @@ const close = (): void => {
       </v-col>
     </v-row>
     <v-row>
-      <FormButton :click="updateNote"> 保存する </FormButton>
+      <FormButton :click="updateNote">
+        保存する
+      </FormButton>
     </v-row>
     <Snackbar :open="snackbar" :close="close">
       {{ snackbarText }}
     </Snackbar>
   </v-form>
-</template>
\ No newline at end of file
+</template>
diff --git a/components/atoms/BunttonLink.vue b/components/atoms/BunttonLink.vue
index 899cedf..01ee505 100644
--- a/components/atoms/BunttonLink.vue
+++ b/components/atoms/BunttonLink.vue
@@ -1,6 +1,6 @@
 <template>
   <v-btn variant="text" color="primary" class="text-button" @click="click">
-    <slot></slot>
+    <slot />
   </v-btn>
 </template>
 
@@ -9,11 +9,11 @@ export default {
   props: {
     click: {
       type: Function,
-      default() {
+      default () {
         return () => {}
-      },
-    },
-  },
+      }
+    }
+  }
 }
 </script>
 
diff --git a/components/atoms/FormButton.vue b/components/atoms/FormButton.vue
index bbf9d77..0d43b7a 100644
--- a/components/atoms/FormButton.vue
+++ b/components/atoms/FormButton.vue
@@ -5,7 +5,7 @@
     :disabled="disabled"
     @click="click"
   >
-    <slot></slot>
+    <slot />
   </v-btn>
 </template>
 
@@ -14,16 +14,16 @@ export default {
   props: {
     click: {
       type: Function,
-      default() {
+      default () {
         return () => {}
-      },
+      }
     },
     disabled: {
       type: Boolean,
-      default() {
+      default () {
         return false
-      },
-    },
-  },
+      }
+    }
+  }
 }
 </script>
diff --git a/components/atoms/Snackbar.vue b/components/atoms/Snackbar.vue
index ad360ff..c96b87f 100644
--- a/components/atoms/Snackbar.vue
+++ b/components/atoms/Snackbar.vue
@@ -1,9 +1,11 @@
 <template>
   <div class="text-center">
     <v-snackbar :model-value="open">
-      <slot></slot>
+      <slot />
       <template #actions>
-        <v-btn color="primary" variant="text" @click="close"> 完了 </v-btn>
+        <v-btn color="primary" variant="text" @click="close">
+          完了
+        </v-btn>
       </template>
     </v-snackbar>
   </div>
@@ -14,16 +16,16 @@ export default {
   props: {
     open: {
       type: Boolean,
-      default() {
+      default () {
         return false
-      },
+      }
     },
     close: {
       type: Function,
-      default() {
+      default () {
         return () => {}
-      },
-    },
-  },
+      }
+    }
+  }
 }
 </script>
diff --git a/components/atoms/TextInput.vue b/components/atoms/TextInput.vue
index 44ad3c9..aa17bca 100644
--- a/components/atoms/TextInput.vue
+++ b/components/atoms/TextInput.vue
@@ -7,7 +7,7 @@
     :label="label"
     :type="type"
     :rules="rules"
-  ></v-text-field>
+  />
 </template>
 
 <script>
@@ -15,21 +15,22 @@ export default {
   props: {
     value: {
       type: String,
-      default: '',
+      default: ''
     },
     label: {
       type: String,
-      default: '',
+      default: ''
     },
     type: {
       type: String,
-      default: '',
+      default: ''
     },
     rules: {
       type: Array,
-      default: () => [],
-    },
+      default: () => []
+    }
   },
+  emits: ['input'],
   computed: {
     inputText: {
       get: function () {
@@ -37,8 +38,8 @@ export default {
       },
       set: function (v) {
         this.$emit('input', v)
-      },
-    },
-  },
+      }
+    }
+  }
 }
 </script>
diff --git a/components/atoms/editors/MenuItem.vue b/components/atoms/editors/MenuItem.vue
index 2868ba4..8293fde 100644
--- a/components/atoms/editors/MenuItem.vue
+++ b/components/atoms/editors/MenuItem.vue
@@ -1,10 +1,6 @@
 <template>
-  <v-btn
-    variant="text"
-    density="compact"
-    class="bubble-menu-button"
-  >
-    <slot></slot>
+  <v-btn variant="text" density="compact" class="bubble-menu-button">
+    <slot />
   </v-btn>
 </template>
 
diff --git a/components/atoms/editors/MenuItems.vue b/components/atoms/editors/MenuItems.vue
index f4161d3..820181c 100644
--- a/components/atoms/editors/MenuItems.vue
+++ b/components/atoms/editors/MenuItems.vue
@@ -102,7 +102,9 @@
         @click="editor.chain().focus().toggleUnderline().run()"
       >
         <v-icon> mdi-format-underline </v-icon>
-        <p style="text-decoration: underline;"> underline </p>
+        <p style="text-decoration: underline">
+          underline
+        </p>
       </MenuItem>
     </v-list-item>
   </v-list>
@@ -114,7 +116,7 @@ import MenuItem from '@/components/atoms/editors/MenuItem'
 
 export default {
   components: {
-    MenuItem,
+    MenuItem
   },
   props: {
     editor: {
diff --git a/components/atoms/editors/RichEditor.vue b/components/atoms/editors/RichEditor.vue
index 47806c9..1f23865 100644
--- a/components/atoms/editors/RichEditor.vue
+++ b/components/atoms/editors/RichEditor.vue
@@ -11,7 +11,10 @@
             :class="{ 'is-active': editor.isActive('bold') }"
             @click="editor.chain().focus().toggleBold().run()"
           >
-            <v-icon class="mr-1"> mdi-format-bold </v-icon> <strong> Bold </strong>
+            <v-icon class="mr-1">
+              mdi-format-bold
+            </v-icon>
+            <strong> Bold </strong>
           </MenuItem>
         </v-list-item>
         <v-list-item>
@@ -19,7 +22,9 @@
             :class="{ 'is-active': editor.isActive('italic') }"
             @click="editor.chain().focus().toggleItalic().run()"
           >
-            <v-icon class="mr-1"> mdi-format-italic </v-icon> <em> Italic </em>
+            <v-icon class="mr-1">
+              mdi-format-italic
+            </v-icon> <em> Italic </em>
           </MenuItem>
         </v-list-item>
         <v-list-item>
@@ -27,7 +32,9 @@
             :class="{ 'is-active': editor.isActive('heading', { level: 1 }) }"
             @click="editor.chain().focus().toggleHeading({ level: 1 }).run()"
           >
-            <v-icon class="mr-1"> mdi-format-header-1 </v-icon>
+            <v-icon class="mr-1">
+              mdi-format-header-1
+            </v-icon>
             <h1>Heading 1</h1>
           </MenuItem>
         </v-list-item>
@@ -36,7 +43,9 @@
             :class="{ 'is-active': editor.isActive('heading', { level: 2 }) }"
             @click="editor.chain().focus().toggleHeading({ level: 2 }).run()"
           >
-            <v-icon class="mr-1"> mdi-format-header-2 </v-icon>
+            <v-icon class="mr-1">
+              mdi-format-header-2
+            </v-icon>
             <h2>Heading 2</h2>
           </MenuItem>
         </v-list-item>
@@ -45,7 +54,9 @@
             :class="{ 'is-active': editor.isActive('heading', { level: 3 }) }"
             @click="editor.chain().focus().toggleHeading({ level: 3 }).run()"
           >
-            <v-icon class="mr-1"> mdi-format-header-3 </v-icon>
+            <v-icon class="mr-1">
+              mdi-format-header-3
+            </v-icon>
             <h3>Heading 3</h3>
           </MenuItem>
         </v-list-item>
@@ -54,7 +65,9 @@
             :class="{ 'is-active': editor.isActive('heading', { level: 3 }) }"
             @click="editor.chain().focus().toggleHeading({ level: 3 }).run()"
           >
-            <v-icon class="mr-1"> mdi-format-header-4 </v-icon>
+            <v-icon class="mr-1">
+              mdi-format-header-4
+            </v-icon>
             <h4>Heading 4</h4>
           </MenuItem>
         </v-list-item>
@@ -63,7 +76,9 @@
             :class="{ 'is-active': editor.isActive('bulletList') }"
             @click="editor.chain().focus().toggleBulletList().run()"
           >
-            <v-icon class="mr-1"> mdi-format-list-bulleted </v-icon>
+            <v-icon class="mr-1">
+              mdi-format-list-bulleted
+            </v-icon>
             <ul>
               <li>Bullet list</li>
             </ul>
@@ -74,15 +89,17 @@
             :class="{ 'is-active': editor.isActive('blockquote') }"
             @click="editor.chain().focus().toggleBlockquote().run()"
           >
-            <v-icon class="mr-1"> mdi-format-quote-open </v-icon>
+            <v-icon class="mr-1">
+              mdi-format-quote-open
+            </v-icon>
             <blockquote>Block quote</blockquote>
           </MenuItem>
         </v-list-item>
         <v-list-item>
-          <MenuItem
-            @click="editor.chain().focus().setHorizontalRule().run()"
-          >
-            <v-icon class="mr-1"> mdi-minus </v-icon> Divider
+          <MenuItem @click="editor.chain().focus().setHorizontalRule().run()">
+            <v-icon class="mr-1">
+              mdi-minus
+            </v-icon> Divider
           </MenuItem>
         </v-list-item>
         <v-list-item>
@@ -90,7 +107,9 @@
             :class="{ 'is-active': editor.isActive('codeBlock') }"
             @click="editor.chain().focus().toggleCodeBlock().run()"
           >
-            <v-icon class="mr-1"> mdi-xml </v-icon>
+            <v-icon class="mr-1">
+              mdi-xml
+            </v-icon>
             <pre> <code> Code Block </code> </pre>
           </MenuItem>
         </v-list-item>
@@ -99,8 +118,12 @@
             :class="{ 'is-active': editor.isActive('underline') }"
             @click="editor.chain().focus().toggleUnderline().run()"
           >
-            <v-icon class="mr-1"> mdi-format-underline </v-icon>
-            <p style="text-decoration: underline;"> underline </p>
+            <v-icon class="mr-1">
+              mdi-format-underline
+            </v-icon>
+            <p style="text-decoration: underline">
+              underline
+            </p>
           </MenuItem>
         </v-list-item>
       </v-list>
@@ -118,32 +141,33 @@ export default {
   components: {
     EditorContent,
     BubbleMenu,
-    MenuItem,
+    MenuItem
   },
   props: {
     value: {
       type: String,
-      default: '',
-    },
+      default: ''
+    }
   },
-  data() {
+  emits: ['update:value'],
+  data () {
     return {
-      editor: null,
+      editor: null
     }
   },
-  mounted() {
+  mounted () {
     this.editor = new Editor({
       content: this.value,
       extensions: [
         StarterKit.configure({
-          heading: [1, 2, 3, 4],
-        }),
+          heading: [1, 2, 3, 4]
+        })
       ],
       onUpdate: () => {
         this.$emit('update:value', this.editor.getHTML())
-      },
+      }
     })
-  },
+  }
 }
 </script>
 
diff --git a/jest.config.js b/jest.config.js
index 5fa973b..c6d3c2d 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -2,17 +2,17 @@ module.exports = {
   moduleNameMapper: {
     '^@/(.*)$': '<rootDir>/$1',
     '^~/(.*)$': '<rootDir>/$1',
-    '^vue$': 'vue/dist/vue.common.js',
+    '^vue$': 'vue/dist/vue.common.js'
   },
   moduleFileExtensions: ['js', 'vue', 'json'],
   transform: {
     '^.+\\.js$': 'babel-jest',
-    '.*\\.(vue)$': 'vue-jest',
+    '.*\\.(vue)$': 'vue-jest'
   },
   collectCoverage: true,
   collectCoverageFrom: [
     '<rootDir>/components/**/*.vue',
-    '<rootDir>/pages/**/*.vue',
+    '<rootDir>/pages/**/*.vue'
   ],
-  testEnvironment: 'jsdom',
+  testEnvironment: 'jsdom'
 }
diff --git a/layouts/error.vue b/layouts/error.vue
index 6834bd8..d1106ab 100644
--- a/layouts/error.vue
+++ b/layouts/error.vue
@@ -6,7 +6,9 @@
     <h1 v-else>
       {{ otherError }}
     </h1>
-    <NuxtLink to="/"> Home page </NuxtLink>
+    <NuxtLink to="/">
+      Home page
+    </NuxtLink>
   </v-app>
 </template>
 
@@ -17,22 +19,22 @@ export default {
   props: {
     error: {
       type: Object,
-      default: null,
-    },
+      default: null
+    }
   },
-  data() {
+  data () {
     return {
       pageNotFound: '404 Not Found',
-      otherError: 'An error occurred',
+      otherError: 'An error occurred'
     }
   },
-  head() {
+  head () {
     const title =
       this.error.statusCode === 404 ? this.pageNotFound : this.otherError
     return {
-      title,
+      title
     }
-  },
+  }
 }
 </script>
 
diff --git a/middleware/auth.ts b/middleware/auth.ts
index fb61887..2e7d362 100644
--- a/middleware/auth.ts
+++ b/middleware/auth.ts
@@ -2,7 +2,7 @@ import { useUserStore } from '@/store/user.store'
 
 export default defineNuxtRouteMiddleware((_, from) => {
   const { isAuthenticated } = useUserStore()
-  if (!isAuthenticated && !(new Set(['/signin', '/signup']).has(from.path))) {
+  if (!isAuthenticated && !new Set(['/signin', '/signup']).has(from.path)) {
     return navigateTo('/signin')
   }
 })
diff --git a/nuxt.config.js b/nuxt.config.js
index d9cc521..de02f13 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -1,13 +1,14 @@
+// eslint-disable-next-line @typescript-eslint/no-var-requires
 require('dotenv').config()
 
 export default defineNuxtConfig({
   vue: {
     config: {
-      devtools: true,
-    },
+      devtools: true
+    }
   },
   typescript: {
-    shim: false,
+    shim: false
   },
   // Disable server-side rendering: https://go.nuxtjs.dev/ssr-mode
   ssr: false,
@@ -19,15 +20,15 @@ export default defineNuxtConfig({
   head: {
     title: 'cords | Online text editor',
     htmlAttrs: {
-      lang: 'en',
+      lang: 'en'
     },
     meta: [
       { charset: 'utf-8' },
       { name: 'viewport', content: 'width=device-width, initial-scale=1' },
       { hid: 'description', name: 'description', content: '' },
-      { name: 'format-detection', content: 'telephone=no' },
+      { name: 'format-detection', content: 'telephone=no' }
     ],
-    link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
+    link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }]
   },
 
   // Global CSS: https://go.nuxtjs.dev/config-css
@@ -48,7 +49,7 @@ export default defineNuxtConfig({
       projectId: process.env.PROJECT_ID,
       storageBucket: process.env.STORAGE_BUCKET,
       messagingSenderId: process.env.MESSAGING_SENDER_ID,
-      appId: process.env.APP_ID,
+      appId: process.env.APP_ID
     }
   },
 
@@ -61,15 +62,15 @@ export default defineNuxtConfig({
     '@nuxtjs/eslint-module',
     // https://go.nuxtjs.dev/vuetify
     '@nuxtjs/vuetify',
-    '@nuxtjs/google-fonts',
+    '@nuxtjs/google-fonts'
   ],
 
   googleFonts: {
     families: {
       download: false,
       NotoSansJapanese: [400],
-      JetBrainsMono: [500],
-    },
+      JetBrainsMono: [500]
+    }
   },
 
   // Modules: https://go.nuxtjs.dev/config-modules
@@ -81,14 +82,14 @@ export default defineNuxtConfig({
     customVariables: ['~/assets/variables.scss'],
     defaultAssets: {
       font: {
-        family: 'Noto Sans Japanese',
-      },
-    },
+        family: 'Noto Sans Japanese'
+      }
+    }
   },
 
   // Build Configuration: https://go.nuxtjs.dev/config-build
   build: {
-    transpile: ["vuetify"],
+    transpile: ['vuetify']
   },
 
   vite: {
diff --git a/package.json b/package.json
index 3535667..5c6b03f 100644
--- a/package.json
+++ b/package.json
@@ -47,6 +47,7 @@
     "@nuxt/bridge": "npm:@nuxt/bridge-edge",
     "@nuxt/eslint-config": "^0.1.1",
     "@nuxtjs/eslint-config": "^11.0.0",
+    "@nuxtjs/eslint-config-typescript": "^12.0.0",
     "@nuxtjs/eslint-module": "^3.1.0",
     "@vue/test-utils": "^1.3.0",
     "babel-core": "7.0.0-bridge.0",
diff --git a/pages/signin.vue b/pages/signin.vue
index 6db8cd6..29a5d27 100644
--- a/pages/signin.vue
+++ b/pages/signin.vue
@@ -1,10 +1,14 @@
 <template>
   <div>
     <v-card class="user-form ma-10 pa-10 mx-auto">
-      <v-card-title class="d-flex justify-center"> Cordsにサインイン </v-card-title>
+      <v-card-title class="d-flex justify-center">
+        Cordsにサインイン
+      </v-card-title>
       <v-card-text class="text-center">
         まだアカウントを作っていない？
-        <v-btn variant="text" color="primary" to="/signup"> サインアップ </v-btn>
+        <v-btn variant="text" color="primary" to="/signup">
+          サインアップ
+        </v-btn>
       </v-card-text>
       <v-form v-model="valid" class="text-center">
         <TextInput v-model="email" label="メールアドレス" :rules="emailRules" />
@@ -27,19 +31,19 @@
 
 <script>
 import { defineComponent } from 'vue'
-import { getAuth, signInWithEmailAndPassword } from "firebase/auth";
+import { getAuth, signInWithEmailAndPassword } from 'firebase/auth'
 import TextInput from '@/components/atoms/TextInput'
 import FormButton from '@/components/atoms/FormButton'
 import Snackbar from '~/components/atoms/Snackbar'
-import { useUserStore } from '~/store/user.store';
+import { useUserStore } from '~/store/user.store'
 
 export default defineComponent({
   components: {
     TextInput,
     FormButton,
-    Snackbar,
+    Snackbar
   },
-  data() {
+  data () {
     return {
       email: '',
       password: '',
@@ -47,28 +51,28 @@ export default defineComponent({
       snackbarText: '',
       valid: true,
       emailRules: [
-        (v) => !!v || 'メールアドレスは必須です',
-        (v) =>
+        v => !!v || 'メールアドレスは必須です',
+        v =>
           this.$isEmailFormat(v) ||
-          'メールアドレスの形式ではありません。 <アカウント>@<ドメイン>(.jpなど) の形式になっていることをご確認ください',
+          'メールアドレスの形式ではありません。 <アカウント>@<ドメイン>(.jpなど) の形式になっていることをご確認ください'
       ],
       passwordRules: [
-        (v) => !!v || 'パスワードは必須です',
-        (v) =>
+        v => !!v || 'パスワードは必須です',
+        v =>
           this.$isPasswordLength(v) ||
-          '6桁以上の英数字を使って、パスワードを入力してください',
-      ],
+          '6桁以上の英数字を使って、パスワードを入力してください'
+      ]
     }
   },
   computed: {
-    isSubmittable() {
+    isSubmittable () {
       return this.valid
-    },
+    }
   },
   methods: {
-    signin() {
-        const router = useRouter()
-        signInWithEmailAndPassword(getAuth(this.$fire), this.email, this.password)
+    signin () {
+      const router = useRouter()
+      signInWithEmailAndPassword(getAuth(this.$fire), this.email, this.password)
         .then((userCredential) => {
           const uid = userCredential.user.uid
           sessionStorage.setItem('uid', uid)
@@ -91,9 +95,9 @@ export default defineComponent({
           this.snackbar = true
         })
     },
-    close() {
+    close () {
       this.snackbar = false
-    },
-  },
+    }
+  }
 })
 </script>
diff --git a/pages/signup.vue b/pages/signup.vue
index 86c1bdb..dd06390 100644
--- a/pages/signup.vue
+++ b/pages/signup.vue
@@ -1,13 +1,17 @@
 <template>
   <div>
     <v-card class="user-form ma-10 pa-10 mx-auto">
-      <v-card-title class="d-flex justify-center"> Cordsにサインアップ </v-card-title>
+      <v-card-title class="d-flex justify-center">
+        Cordsにサインアップ
+      </v-card-title>
       <v-card-text class="text-center">
         アカウントを作成すると、メモを残せるようになります。
       </v-card-text>
       <v-card-text class="text-center ma-0">
         もうアカウントを持ってる？
-        <v-btn variant="text" color="secondary" to="/signin"> サインイン </v-btn>
+        <v-btn variant="text" color="secondary" to="/signin">
+          サインイン
+        </v-btn>
       </v-card-text>
       <v-form v-model="valid" class="text-center">
         <TextInput v-model="email" label="メールアドレス" :rules="emailRules" />
@@ -35,20 +39,20 @@
 </template>
 
 <script>
-import { getAuth, createUserWithEmailAndPassword } from "firebase/auth";
+import { getAuth, createUserWithEmailAndPassword } from 'firebase/auth'
 import TextInput from '@/components/atoms/TextInput'
 import FormButton from '@/components/atoms/FormButton'
 import Snackbar from '~/components/atoms/Snackbar'
-import { useUserStore } from '~/store/user.store';
+import { useUserStore } from '~/store/user.store'
 const router = useRouter()
 
 export default {
   components: {
     TextInput,
     FormButton,
-    Snackbar,
+    Snackbar
   },
-  data() {
+  data () {
     return {
       email: '',
       password: '',
@@ -57,30 +61,34 @@ export default {
       snackbarText: '',
       valid: true,
       emailRules: [
-        (v) => !!v || 'メールアドレスは必須です',
-        (v) =>
+        v => !!v || 'メールアドレスは必須です',
+        v =>
           this.$isEmailFormat(v) ||
-          'メールアドレスの形式ではありません。 <アカウント>@<ドメイン>(.jpなど) の形式になっていることをご確認ください',
+          'メールアドレスの形式ではありません。 <アカウント>@<ドメイン>(.jpなど) の形式になっていることをご確認ください'
       ],
       passwordRules: [
-        (v) => !!v || 'パスワードは必須です',
-        (v) =>
+        v => !!v || 'パスワードは必須です',
+        v =>
           this.$isPasswordLength(v) ||
-          '6桁以上の英数字を使って、パスワードを入力してください',
+          '6桁以上の英数字を使って、パスワードを入力してください'
       ],
       passwordConfirmationRules: [
-        (v) => v === this.password || 'パスワードが一致しません',
-      ],
+        v => v === this.password || 'パスワードが一致しません'
+      ]
     }
   },
   computed: {
-    isSubmittable() {
+    isSubmittable () {
       return this.valid
-    },
+    }
   },
   methods: {
-    signup() {
-      createUserWithEmailAndPassword(getAuth(this.$fire), this.email, this.password)
+    signup () {
+      createUserWithEmailAndPassword(
+        getAuth(this.$fire),
+        this.email,
+        this.password
+      )
         .then((userCredential) => {
           const uid = userCredential.user.uid
           sessionStorage.setItem('uid', uid)
@@ -97,9 +105,9 @@ export default {
           this.snackbar = true
         })
     },
-    close() {
+    close () {
       this.snackbar = false
-    },
-  },
+    }
+  }
 }
 </script>
diff --git a/plugins/datetime.formatter.ts b/plugins/datetime.formatter.ts
index b12cb03..17f8163 100644
--- a/plugins/datetime.formatter.ts
+++ b/plugins/datetime.formatter.ts
@@ -1,10 +1,9 @@
-// const moment = require('moment-timezone')
 import moment from 'moment-timezone'
 
 export default defineNuxtPlugin(() => {
   return {
     provide: {
-      toDatetimeString(date: Date | string): string {
+      toDatetimeString (date: Date | string): string {
         return moment.tz(date, 'Asia/Tokyo').format('yyyy-MM-DD HH:mm:ss')
       }
     }
diff --git a/plugins/firebase.ts b/plugins/firebase.ts
index ca6fdde..a7e1938 100644
--- a/plugins/firebase.ts
+++ b/plugins/firebase.ts
@@ -1,4 +1,4 @@
-import { initializeApp } from "firebase/app";
+import { initializeApp } from 'firebase/app'
 
 export default defineNuxtPlugin(() => {
   const runtimeConfig = useRuntimeConfig()
@@ -8,7 +8,7 @@ export default defineNuxtPlugin(() => {
     projectId: runtimeConfig.public.projectId,
     storageBucket: runtimeConfig.public.storageBucket,
     messagingSenderId: runtimeConfig.public.messagingSenderId,
-    appId: runtimeConfig.public.appId,
+    appId: runtimeConfig.public.appId
   })
   return {
     provide: { fire }
diff --git a/plugins/vuetify.ts b/plugins/vuetify.ts
index c61f9a2..d47fb3d 100644
--- a/plugins/vuetify.ts
+++ b/plugins/vuetify.ts
@@ -18,7 +18,7 @@ export default defineNuxtPlugin((nuxtApp) => {
             error: '#FF5252',
             info: '#2196F3',
             success: '#4CAF50',
-            warning: '#FB8C00',
+            warning: '#FB8C00'
           }
         },
         dark: {
@@ -29,9 +29,9 @@ export default defineNuxtPlugin((nuxtApp) => {
             error: '#FF5252',
             info: '#2196F3',
             success: '#4CAF50',
-            warning: '#FB8C00',
+            warning: '#FB8C00'
           }
-        },
+        }
       }
     }
   })
diff --git a/store/note.store.ts b/store/note.store.ts
index ab20361..c144642 100644
--- a/store/note.store.ts
+++ b/store/note.store.ts
@@ -10,8 +10,8 @@ import {
   query,
   doc
 } from 'firebase/firestore'
-const nuxtApp = useNuxtApp()
 import { useUserStore } from '@/store/user.store'
+const nuxtApp = useNuxtApp()
 const userStore = useUserStore()
 
 // TODO: ファイルに切り出したい、ドメインオブジェクト化
@@ -36,12 +36,12 @@ export const useNoteStore = defineStore('notes', {
     }
   },
   getters: {
-    findAll(state: State): Note[] {
+    findAll (state: State): Note[] {
       return state.list
-    },
+    }
   },
   actions: {
-    async add(note: Note) {
+    async add (note: Note) {
       note.tag = note.tag ? note.tag : 'なし'
       const newNote = {
         ...note,
@@ -49,11 +49,14 @@ export const useNoteStore = defineStore('notes', {
         createdAt: nuxtApp.$toDatetimeString(note.createdAt),
         updatedAt: nuxtApp.$toDatetimeString(note.updatedAt)
       }
-      const noteDocRef = await addDoc(collection(getFirestore(nuxtApp.$fire), 'notes'), newNote)
+      const noteDocRef = await addDoc(
+        collection(getFirestore(nuxtApp.$fire), 'notes'),
+        newNote
+      )
       newNote.id = noteDocRef.id
       this.list.push(newNote)
     },
-    async set(note: Note) {
+    async set (note: Note) {
       note.updatedAt = nuxtApp.$toDatetimeString(note.updatedAt)
       await setDoc(doc(getFirestore(nuxtApp.$fire), 'notes', note.id), {
         title: note.title,
@@ -61,9 +64,9 @@ export const useNoteStore = defineStore('notes', {
         body: note.body,
         userId: note.userId,
         createdAt: note.createdAt,
-        updatedAt: note.updatedAt,
+        updatedAt: note.updatedAt
       })
-      const _note = this.list.find((elm) => elm.id.toString() === note.id)
+      const _note = this.list.find(elm => elm.id.toString() === note.id)
       // TODO: 存在しない場合はエラーのほうが安全
       if (_note) {
         _note.title = note.title
@@ -72,11 +75,14 @@ export const useNoteStore = defineStore('notes', {
         _note.updatedAt = note.updatedAt
       }
     },
-    async fetchAll(userId: string) {
+    async fetchAll (userId: string) {
       // doc.data() => { name: 'tagName', updatedAt: 'date', createdAt: 'date' }
-      const snapshots = await getDocs(query(      
-        collection(getFirestore(nuxtApp.$fire), 'notes'), where('userId', '==', userId)
-      ))
+      const snapshots = await getDocs(
+        query(
+          collection(getFirestore(nuxtApp.$fire), 'notes'),
+          where('userId', '==', userId)
+        )
+      )
       this.list = snapshots.docs.map((doc) => {
         const note = doc.data()
         return {
@@ -91,9 +97,9 @@ export const useNoteStore = defineStore('notes', {
       })
       return this.list
     },
-    async delete(id: string) {
+    async delete (id: string) {
       await deleteDoc(doc(getFirestore(nuxtApp.$fire), 'notes', id))
-      this.list = this.list.filter((note) => note.id !== id)
-    },
+      this.list = this.list.filter(note => note.id !== id)
+    }
   }
 })
diff --git a/store/tag.store.ts b/store/tag.store.ts
index a3dd158..9a30fdb 100644
--- a/store/tag.store.ts
+++ b/store/tag.store.ts
@@ -29,38 +29,46 @@ export const useTagStore = defineStore('tags', {
     }
   },
   getters: {
-    findAll(state): Tag[] {
+    findAll (state): Tag[] {
       return state.list
     }
   },
   actions: {
-    async add(newTag: Tag) {
+    async add (newTag: Tag) {
       const tag = {
         name: newTag.name,
         userId: newTag.userId,
         createdAt: nuxtApp.$toDatetimeString(newTag.createdAt),
-        updatedAt: nuxtApp.$toDatetimeString(newTag.updatedAt),
+        updatedAt: nuxtApp.$toDatetimeString(newTag.updatedAt)
       }
-      const tagDocRef = await addDoc(collection(getFirestore(nuxtApp.$fire), 'tags'), tag)
+      const tagDocRef = await addDoc(
+        collection(getFirestore(nuxtApp.$fire), 'tags'),
+        tag
+      )
       this.list.push({ ...tag, id: tagDocRef.id })
     },
-    async delete(tagNames: string[]) {
+    async delete (tagNames: string[]) {
       for (const name of tagNames) {
-        const snapshots = await getDocs(query(collection(
-          getFirestore(nuxtApp.$fire), 'tags'),
-          where('name', '==', name)
-        ))
-        snapshots.forEach(async (s) => (await deleteDoc(s.ref)))
+        const snapshots = await getDocs(
+          query(
+            collection(getFirestore(nuxtApp.$fire), 'tags'),
+            where('name', '==', name)
+          )
+        )
+        snapshots.forEach(async s => await deleteDoc(s.ref))
       }
       tagNames.forEach((name) => {
-        this.list = this.list.filter((tag) => tag.name !== name)
+        this.list = this.list.filter(tag => tag.name !== name)
       })
     },
-    async fetchAll(userId: string) {
+    async fetchAll (userId: string) {
       // doc.data() => { name: 'tagName', updatedAt: 'date', createdAt: 'date' }
-      const snapshots = await getDocs(query(
-        collection(getFirestore(nuxtApp.$fire), 'tags'), where('userId', '==', userId)
-      ))
+      const snapshots = await getDocs(
+        query(
+          collection(getFirestore(nuxtApp.$fire), 'tags'),
+          where('userId', '==', userId)
+        )
+      )
       this.list = snapshots.docs.map((doc) => {
         const tag = doc.data()
         return {
@@ -68,7 +76,7 @@ export const useTagStore = defineStore('tags', {
           name: tag.name,
           userId: tag.userId,
           createdAt: tag.createdAt,
-          updatedAt: tag.updatedAt,
+          updatedAt: tag.updatedAt
         }
       })
       return this.list
diff --git a/store/user.store.ts b/store/user.store.ts
index aa7b461..0fce836 100644
--- a/store/user.store.ts
+++ b/store/user.store.ts
@@ -1,29 +1,31 @@
 import { defineStore } from 'pinia'
 
 interface State {
-  id: string,
+  id: string
   name: string
 }
 
 export const useUserStore = defineStore('users', {
   state: (): State => {
-    const id = sessionStorage.getItem('uid') ? (sessionStorage.getItem('uid') ?? '') : ''
+    const id = sessionStorage.getItem('uid')
+      ? sessionStorage.getItem('uid') ?? ''
+      : ''
     const name = sessionStorage.getItem('name')
-      ? (sessionStorage.getItem('name') ?? '')
+      ? sessionStorage.getItem('name') ?? ''
       : ''
     return {
       id,
-      name,
+      name
     }
   },
   getters: {
-    getCurrent(state: State) {
+    getCurrent (state: State) {
       return {
         id: state.id,
-        name: state.name,
+        name: state.name
       }
     },
-    isAuthenticated(state: State) {
+    isAuthenticated (state: State) {
       // TODO: 先に式として評価しておくことで期待した真偽値になる（なぜ？）
       // eslint-disable-next-line no-unused-expressions
       state.name !== '' || state.id !== ''
@@ -33,13 +35,13 @@ export const useUserStore = defineStore('users', {
     }
   },
   actions: {
-    set(user: State) {
+    set (user: State) {
       this.name = user.name
       this.id = user.id
     },
-    reset() {
+    reset () {
       this.id = ''
       this.name = ''
-    },
+    }
   }
 })
diff --git a/yarn.lock b/yarn.lock
index 6a1c8ee..fc915a1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1632,6 +1632,18 @@
     vite-plugin-checker "^0.5.1"
     vue-bundle-renderer "^1.0.0"
 
+"@nuxtjs/eslint-config-typescript@^12.0.0":
+  version "12.0.0"
+  resolved "https://registry.yarnpkg.com/@nuxtjs/eslint-config-typescript/-/eslint-config-typescript-12.0.0.tgz#eaa36d8a8eb1c35a918f606e32613e0726b98c0b"
+  integrity sha512-HJR0ho5MYuOCFjkL+eMX/VXbUwy36J12DUMVy+dj3Qz1GYHwX92Saxap3urFzr8oPkzzFiuOknDivfCeRBWakg==
+  dependencies:
+    "@nuxtjs/eslint-config" "^12.0.0"
+    "@typescript-eslint/eslint-plugin" "^5.42.1"
+    "@typescript-eslint/parser" "^5.42.1"
+    eslint-import-resolver-typescript "^3.5.2"
+    eslint-plugin-import "^2.26.0"
+    eslint-plugin-vue "^9.7.0"
+
 "@nuxtjs/eslint-config@^11.0.0":
   version "11.0.0"
   resolved "https://registry.yarnpkg.com/@nuxtjs/eslint-config/-/eslint-config-11.0.0.tgz#92f5d927ef39099de4f52ab73e01bb28be3ff8c2"
@@ -1645,6 +1657,20 @@
     eslint-plugin-unicorn "^43.0.2"
     eslint-plugin-vue "^9.4.0"
 
+"@nuxtjs/eslint-config@^12.0.0":
+  version "12.0.0"
+  resolved "https://registry.yarnpkg.com/@nuxtjs/eslint-config/-/eslint-config-12.0.0.tgz#36ac450efd20e3efb8f8a961e094b267c49adac4"
+  integrity sha512-ewenelo75x0eYEUK+9EBXjc/OopQCvdkmYmlZuoHq5kub/vtiRpyZ/autppwokpHUq8tiVyl2ejMakoiHiDTrg==
+  dependencies:
+    eslint-config-standard "^17.0.0"
+    eslint-plugin-import "^2.26.0"
+    eslint-plugin-n "^15.5.1"
+    eslint-plugin-node "^11.1.0"
+    eslint-plugin-promise "^6.1.1"
+    eslint-plugin-unicorn "^44.0.2"
+    eslint-plugin-vue "^9.7.0"
+    local-pkg "^0.4.2"
+
 "@nuxtjs/eslint-module@^3.1.0":
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/@nuxtjs/eslint-module/-/eslint-module-3.1.0.tgz#3e7d241f4b53fbc6ab59932054d11dd22a828a40"
@@ -1671,6 +1697,18 @@
     "@nuxt/kit" "^3.0.0"
     pinia ">=2.0.27"
 
+"@pkgr/utils@^2.3.1":
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/@pkgr/utils/-/utils-2.3.1.tgz#0a9b06ffddee364d6642b3cd562ca76f55b34a03"
+  integrity sha512-wfzX8kc1PMyUILA+1Z/EqoE4UCXGy0iRGMhPwdfae1+f0OXlLqCk+By+aMzgJBzR9AzS4CDizioG6Ss1gvAFJw==
+  dependencies:
+    cross-spawn "^7.0.3"
+    is-glob "^4.0.3"
+    open "^8.4.0"
+    picocolors "^1.0.0"
+    tiny-glob "^0.2.9"
+    tslib "^2.4.0"
+
 "@popperjs/core@^2.9.0":
   version "2.11.6"
   resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.6.tgz#cee20bd55e68a1720bdab363ecf0c821ded4cd45"
@@ -2185,7 +2223,7 @@
   dependencies:
     "@types/yargs-parser" "*"
 
-"@typescript-eslint/eslint-plugin@^5.45.1":
+"@typescript-eslint/eslint-plugin@^5.42.1", "@typescript-eslint/eslint-plugin@^5.45.1":
   version "5.50.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.50.0.tgz#fb48c31cadc853ffc1dc35373f56b5e2a8908fe9"
   integrity sha512-vwksQWSFZiUhgq3Kv7o1Jcj0DUNylwnIlGvKvLLYsq8pAWha6/WCnXUeaSoNNha/K7QSf2+jvmkxggC1u3pIwQ==
@@ -2216,7 +2254,7 @@
     semver "^7.3.7"
     tsutils "^3.21.0"
 
-"@typescript-eslint/parser@^5.45.1":
+"@typescript-eslint/parser@^5.42.1", "@typescript-eslint/parser@^5.45.1":
   version "5.50.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.50.0.tgz#a33f44b2cc83d1b7176ec854fbecd55605b0b032"
   integrity sha512-KCcSyNaogUDftK2G9RXfQyOCt51uB5yqC6pkUYqhYh8Kgt+DwR5M0EwEAxGPy/+DH6hnmKeGsNhiZRQxjH71uQ==
@@ -3283,7 +3321,7 @@ chownr@^2.0.0:
   resolved "https://registry.yarnpkg.com/chownr/-/chownr-2.0.0.tgz#15bfbe53d2eab4cf70f18a8cd68ebe5b3cb1dece"
   integrity sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==
 
-ci-info@^3.2.0, ci-info@^3.3.2, ci-info@^3.7.1:
+ci-info@^3.2.0, ci-info@^3.3.2, ci-info@^3.4.0, ci-info@^3.7.1:
   version "3.7.1"
   resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.7.1.tgz#708a6cdae38915d597afdf3b145f2f8e1ff55f3f"
   integrity sha512-4jYS4MOAaCIStSRwiuxc4B8MYhIe676yO1sYGzARnjXkWpmzZMMYxY6zu8WYWDhSuth5zhrQ1rhNSibyyvv4/w==
@@ -4338,6 +4376,19 @@ eslint-import-resolver-node@^0.3.7:
     is-core-module "^2.11.0"
     resolve "^1.22.1"
 
+eslint-import-resolver-typescript@^3.5.2:
+  version "3.5.3"
+  resolved "https://registry.yarnpkg.com/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.5.3.tgz#db5ed9e906651b7a59dd84870aaef0e78c663a05"
+  integrity sha512-njRcKYBc3isE42LaTcJNVANR3R99H9bAxBDMNDr2W7yq5gYPxbU3MkdhsQukxZ/Xg9C2vcyLlDsbKfRDg0QvCQ==
+  dependencies:
+    debug "^4.3.4"
+    enhanced-resolve "^5.10.0"
+    get-tsconfig "^4.2.0"
+    globby "^13.1.2"
+    is-core-module "^2.10.0"
+    is-glob "^4.0.3"
+    synckit "^0.8.4"
+
 eslint-module-utils@^2.7.4:
   version "2.7.4"
   resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.7.4.tgz#4f3e41116aaf13a20792261e61d3a2e7e0583974"
@@ -4389,7 +4440,7 @@ eslint-plugin-jest@^27.0.4:
   dependencies:
     "@typescript-eslint/utils" "^5.10.0"
 
-eslint-plugin-n@^15.2.5:
+eslint-plugin-n@^15.2.5, eslint-plugin-n@^15.5.1:
   version "15.6.1"
   resolved "https://registry.yarnpkg.com/eslint-plugin-n/-/eslint-plugin-n-15.6.1.tgz#f7e77f24abb92a550115cf11e29695da122c398c"
   integrity sha512-R9xw9OtCRxxaxaszTQmQAlPgM+RdGjaL1akWuY/Fv9fRAi8Wj4CUKc6iYVG8QNRjRuo8/BqVYIpfqberJUEacA==
@@ -4424,7 +4475,7 @@ eslint-plugin-nuxt@^4.0.0:
     semver "^7.3.7"
     vue-eslint-parser "^9.0.3"
 
-eslint-plugin-promise@^6.0.1:
+eslint-plugin-promise@^6.0.1, eslint-plugin-promise@^6.1.1:
   version "6.1.1"
   resolved "https://registry.yarnpkg.com/eslint-plugin-promise/-/eslint-plugin-promise-6.1.1.tgz#269a3e2772f62875661220631bd4dafcb4083816"
   integrity sha512-tjqWDwVZQo7UIPMeDReOpUgHCmCiH+ePnVT+5zVapL0uuHnegBUs2smM13CzOs2Xb5+MHMRFTs9v24yjba4Oig==
@@ -4449,7 +4500,27 @@ eslint-plugin-unicorn@^43.0.2:
     semver "^7.3.7"
     strip-indent "^3.0.0"
 
-eslint-plugin-vue@^9.4.0, eslint-plugin-vue@^9.8.0, eslint-plugin-vue@^9.9.0:
+eslint-plugin-unicorn@^44.0.2:
+  version "44.0.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-unicorn/-/eslint-plugin-unicorn-44.0.2.tgz#6324a001c0a5e2ac00fb51b30db27d14c6c36ab3"
+  integrity sha512-GLIDX1wmeEqpGaKcnMcqRvMVsoabeF0Ton0EX4Th5u6Kmf7RM9WBl705AXFEsns56ESkEs0uyelLuUTvz9Tr0w==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.19.1"
+    ci-info "^3.4.0"
+    clean-regexp "^1.0.0"
+    eslint-utils "^3.0.0"
+    esquery "^1.4.0"
+    indent-string "^4.0.0"
+    is-builtin-module "^3.2.0"
+    lodash "^4.17.21"
+    pluralize "^8.0.0"
+    read-pkg-up "^7.0.1"
+    regexp-tree "^0.1.24"
+    safe-regex "^2.1.1"
+    semver "^7.3.7"
+    strip-indent "^3.0.0"
+
+eslint-plugin-vue@^9.4.0, eslint-plugin-vue@^9.7.0, eslint-plugin-vue@^9.8.0, eslint-plugin-vue@^9.9.0:
   version "9.9.0"
   resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-9.9.0.tgz#ac788ebccd2eb94d846a507df55da50693b80c91"
   integrity sha512-YbubS7eK0J7DCf0U2LxvVP7LMfs6rC6UltihIgval3azO3gyDwEGVgsCMe1TmDiEkl6GdMKfRpaME6QxIYtzDQ==
@@ -5033,6 +5104,11 @@ get-symbol-description@^1.0.0:
     call-bind "^1.0.2"
     get-intrinsic "^1.1.1"
 
+get-tsconfig@^4.2.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/get-tsconfig/-/get-tsconfig-4.3.0.tgz#4c26fae115d1050e836aea65d6fe56b507ee249b"
+  integrity sha512-YCcF28IqSay3fqpIu5y3Krg/utCBHBeoflkZyHj/QcqI2nrLPC3ZegS9CmIo+hJb8K7aiGsuUl7PwWVjNG2HQQ==
+
 giget@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/giget/-/giget-1.0.0.tgz#fdd7e61a84996b19e00d2d4a6a65c60cc1f61c3d"
@@ -5127,6 +5203,11 @@ globalthis@^1.0.3:
   dependencies:
     define-properties "^1.1.3"
 
+globalyzer@0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/globalyzer/-/globalyzer-0.1.0.tgz#cb76da79555669a1519d5a8edf093afaa0bf1465"
+  integrity sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==
+
 globby@^11.1.0:
   version "11.1.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
@@ -5150,6 +5231,11 @@ globby@^13.1.2, globby@^13.1.3:
     merge2 "^1.4.1"
     slash "^4.0.0"
 
+globrex@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/globrex/-/globrex-0.1.2.tgz#dd5d9ec826232730cd6793a5e33a9302985e6098"
+  integrity sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==
+
 google-fonts-helper@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/google-fonts-helper/-/google-fonts-helper-2.0.1.tgz#ac6859272a572c516bbd83decaea50f6f4f24535"
@@ -5563,7 +5649,7 @@ is-callable@^1.1.3, is-callable@^1.1.4, is-callable@^1.2.7:
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055"
   integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
 
-is-core-module@^2.11.0, is-core-module@^2.9.0:
+is-core-module@^2.10.0, is-core-module@^2.11.0, is-core-module@^2.9.0:
   version "2.11.0"
   resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.11.0.tgz#ad4cb3e3863e814523c96f3f58d26cc570ff0144"
   integrity sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==
@@ -6413,7 +6499,7 @@ loader-utils@^2.0.0:
     emojis-list "^3.0.0"
     json5 "^2.1.2"
 
-local-pkg@^0.4.3:
+local-pkg@^0.4.2, local-pkg@^0.4.3:
   version "0.4.3"
   resolved "https://registry.yarnpkg.com/local-pkg/-/local-pkg-0.4.3.tgz#0ff361ab3ae7f1c19113d9bb97b98b905dbc4963"
   integrity sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==
@@ -8904,6 +8990,14 @@ symbol-tree@^3.2.4:
   resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
   integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==
 
+synckit@^0.8.4:
+  version "0.8.5"
+  resolved "https://registry.yarnpkg.com/synckit/-/synckit-0.8.5.tgz#b7f4358f9bb559437f9f167eb6bc46b3c9818fa3"
+  integrity sha512-L1dapNV6vu2s/4Sputv8xGsCdAVlb5nRDMFU/E27D44l5U6cw1g0dGd45uLc+OXjNMmF4ntiMdCimzcjFKQI8Q==
+  dependencies:
+    "@pkgr/utils" "^2.3.1"
+    tslib "^2.5.0"
+
 systemjs@^6.13.0:
   version "6.13.0"
   resolved "https://registry.yarnpkg.com/systemjs/-/systemjs-6.13.0.tgz#7b28e74b44352e1650e8652499f42de724c3fc7f"
@@ -8971,6 +9065,14 @@ through@^2.3.6:
   resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
   integrity sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==
 
+tiny-glob@^0.2.9:
+  version "0.2.9"
+  resolved "https://registry.yarnpkg.com/tiny-glob/-/tiny-glob-0.2.9.tgz#2212d441ac17928033b110f8b3640683129d31e2"
+  integrity sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==
+  dependencies:
+    globalyzer "0.1.0"
+    globrex "^0.1.2"
+
 tiny-invariant@^1.1.0:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/tiny-invariant/-/tiny-invariant-1.3.1.tgz#8560808c916ef02ecfd55e66090df23a4b7aa642"
@@ -9064,7 +9166,7 @@ tslib@^1.8.1:
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
   integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
 
-tslib@^2.1.0:
+tslib@^2.1.0, tslib@^2.4.0, tslib@^2.5.0:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.5.0.tgz#42bfed86f5787aeb41d031866c8f402429e0fddf"
   integrity sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==