From 9f4f763e463951103b81d853db859522cee41af1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fork=CE=A8KILLET?= <fork_killet@outlook.com>
Date: Sun, 10 Dec 2023 04:43:46 +0800
Subject: [PATCH] chore: eslint

---
 frontend/.eslintrc.yml                        |  31 ++
 frontend/package.json                         |  10 +-
 frontend/scripts/compress.ts                  |  17 +-
 frontend/src/components/ActionPanel.vue       |   7 +-
 frontend/src/components/ArchiveEdition.vue    |   7 +-
 frontend/src/components/ArchiveInfo.vue       |  63 +++-
 frontend/src/components/ArchiveList.vue       |  48 ++-
 frontend/src/components/AuthState.vue         |   5 +-
 frontend/src/components/Correctness.vue       |  70 ++--
 frontend/src/components/LongPressButton.vue   |   4 +-
 frontend/src/components/MiniSearcher.vue      |  18 +-
 frontend/src/components/Modal.vue             |  21 +-
 frontend/src/components/NyaCheckbox.vue       |   7 +-
 frontend/src/components/NyaConfirmInput.vue   |  38 ++-
 frontend/src/components/NyaDate.vue           |   5 +-
 frontend/src/components/NyaList.vue           |  15 +-
 frontend/src/components/NyaScroller.vue       |  23 +-
 frontend/src/components/NyaSwitch.vue         |   7 +-
 frontend/src/components/NyaTab.vue            |  20 +-
 frontend/src/components/NyaTemplate.vue       |   1 +
 frontend/src/components/NyaTitle.vue          |   5 +-
 frontend/src/components/Pager.vue             |  18 +-
 frontend/src/components/ShortcutList.vue      |   1 +
 frontend/src/components/StatisticsItem.vue    |  13 +-
 frontend/src/components/TestEntry.vue         |  14 +-
 frontend/src/components/TestList.vue          |  10 +-
 frontend/src/components/Topbar.vue            |   5 +-
 frontend/src/components/Word.vue              |   2 +-
 frontend/src/components/WordAdder.vue         |  20 +-
 frontend/src/components/WordDetail.vue        |  60 +++-
 frontend/src/components/WordDocument.vue      |  41 ++-
 frontend/src/components/WordDocumentAdder.vue |   7 +-
 frontend/src/components/WordDocumentEntry.vue |   9 +-
 .../src/components/WordDocumentLabels.vue     |   2 +-
 frontend/src/components/WordDocumentList.vue  |   3 +-
 frontend/src/components/WordEntry.vue         |   8 +-
 frontend/src/components/WordFilter.vue        |  21 +-
 frontend/src/components/WordGraphChart.vue    |  25 +-
 frontend/src/components/WordLink.vue          |   4 +-
 .../src/components/WordLinkRelationship.vue   |   8 +-
 frontend/src/components/WordList.vue          |   6 +-
 frontend/src/components/WordMemCalendar.vue   |  12 +-
 frontend/src/components/WordNavigator.vue     |   8 +-
 frontend/src/components/WordSorter.vue        |   3 +-
 frontend/src/components/WordSub.vue           |   6 +-
 frontend/src/components/charts/Arrow.vue      |  13 +-
 frontend/src/components/charts/Calendar.vue   |   3 +-
 .../src/components/charts/EllipsisText.vue    |   4 +-
 frontend/src/components/charts/PieChart.vue   |  30 +-
 frontend/src/components/charts/TimeChart.vue  |  15 +-
 frontend/src/components/config/ConfigItem.vue |   4 +-
 frontend/src/components/config/ConfigView.vue |   8 +-
 .../src/components/config/ShortcutItem.vue    |   8 +-
 .../src/components/notifications/Noti.vue     |   4 +-
 .../transitions/ListTransitionGroup.vue       |   7 +-
 frontend/src/components/views/AboutView.vue   |  14 +-
 .../views/ArchiveEditionTreeView.vue          |   6 +-
 .../src/components/views/AutomationView.vue   |  20 +-
 frontend/src/components/views/DebugView.vue   |  31 +-
 frontend/src/components/views/HomeView.vue    |   8 +-
 .../src/components/views/SettingsView.vue     |   2 +-
 frontend/src/components/views/SignInView.vue  |  14 +-
 frontend/src/components/views/SignUpView.vue  |  21 +-
 .../src/components/views/StatisticsView.vue   |  25 +-
 .../src/components/views/TestCreateView.vue   |  24 +-
 frontend/src/components/views/TestGoView.vue  |  66 +++-
 frontend/src/components/views/WordsView.vue   |  40 ++-
 frontend/src/stores/config.ts                 |   3 +-
 frontend/src/stores/modal.ts                  |   2 +-
 frontend/src/stores/wordGraph.ts              |   2 +-
 frontend/src/stores/words.ts                  |   2 +-
 .../src/utils/nyatalk/components/NtAst.vue    |  16 +-
 .../utils/nyatalk/components/NtAstProp.vue    |   2 +-
 .../utils/nyatalk/components/NtParseError.vue |   5 +-
 frontend/src/utils/nyatalk/functions.ts       |   4 +-
 frontend/src/utils/nyatalk/index.ts           |  11 +-
 frontend/src/utils/storage.ts                 |   2 +-
 pnpm-lock.yaml                                | 316 +++++++++++++-----
 78 files changed, 1040 insertions(+), 420 deletions(-)
 create mode 100644 frontend/.eslintrc.yml

diff --git a/frontend/.eslintrc.yml b/frontend/.eslintrc.yml
new file mode 100644
index 0000000..13cb528
--- /dev/null
+++ b/frontend/.eslintrc.yml
@@ -0,0 +1,31 @@
+extends:
+  - 'plugin:vue/vue3-recommended'
+  - 'eslint:recommended'
+  - 'plugin:@typescript-eslint/recommended'
+  - '@vue/eslint-config-typescript'
+
+ignorePatterns:
+  - dist/*
+
+parser: 'vue-eslint-parser'
+
+parserOptions:
+  parser: '@typescript-eslint/parser'
+
+rules:
+  'semi': [ 'warn', 'never' ]
+  'no-empty': 'off'
+  'no-unused-vars': 'off'
+  'no-constant-condition': [ 'error', { checkLoops: false } ]
+  'vue/html-indent': [ 'warn', 4 ]
+  'vue/no-mutating-props': 'off'
+  'vue/multi-word-component-names': 'off'
+  'vue/require-v-for-key': 'off'
+  'vue/no-deprecated-filter': 'off'
+  'vue/valid-v-model': 'off'
+  'vue/no-template-shadow': 'off'
+  '@typescript-eslint/no-unused-vars': [ 'error', { varsIgnorePattern: '^_' } ]
+  '@typescript-eslint/no-non-null-assertion': 'off'
+  '@typescript-eslint/no-empty-interface': 'off'
+  '@typescript-eslint/ban-types': 'off'
+  '@typescript-eslint/no-explicit-any': 'off'
diff --git a/frontend/package.json b/frontend/package.json
index 89edabc..d6ef7af 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -7,19 +7,22 @@
     "dev": "VITE_BUILD_ENV=\"$(uname -sr)\" VITE_LAST_COMMIT=\"$(git log -1 HEAD --oneline --no-color --no-decorate)\" vite --port 1635",
     "check": "vue-tsc --noEmit",
     "build": "vue-tsc --noEmit && VITE_BUILD_TIME=\"$(date -R)\" VITE_BUILD_ENV=\"$(uname -sr)\" VITE_LAST_COMMIT=\"$(git log -1 HEAD --oneline --no-color --no-decorate)\" vite build",
-	"preview": "vite preview",
-    "compress": "pnpm -F nyadict-frontend-script compress -i ../src/types/index.ts -b @type -o ../src/utils/compress.ts"
+    "preview": "vite preview",
+    "compress": "pnpm -F nyadict-frontend-script compress -i ../src/types/index.ts -b @type -o ../src/utils/compress.ts",
+    "lint": "eslint --ext .ts,.vue ."
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^6.4.2",
     "@fortawesome/free-solid-svg-icons": "^6.4.2",
     "@fortawesome/vue-fontawesome": "^3.0.3",
+    "@typescript-eslint/parser": "^5.62.0",
     "@vueuse/components": "^10.5.0",
     "@vueuse/core": "^10.5.0",
     "axios": "^1.5.1",
     "d3-force": "^3.0.0",
     "d3-interpolate": "^3.0.1",
     "dayjs": "^1.11.10",
+    "eslint-plugin-vue": "^9.19.2",
     "json5": "^2.2.3",
     "jwt-decode": "^3.1.2",
     "mitt": "^3.0.1",
@@ -34,8 +37,11 @@
     "@types/d3-force": "^3.0.6",
     "@types/d3-interpolate": "^3.0.2",
     "@types/wanakana": "^4.0.4",
+    "@typescript-eslint/eslint-plugin": "^5.62.0",
     "@vitejs/plugin-vue": "^4.4.0",
+    "@vue/eslint-config-typescript": "^12.0.0",
     "@vue/runtime-core": "^3.3.4",
+    "eslint": "^8.51.0",
     "typescript": "^5.2.2",
     "vite": "^4.4.11",
     "vue-tsc": "^1.8.19"
diff --git a/frontend/scripts/compress.ts b/frontend/scripts/compress.ts
index 06a3e53..5ca3055 100644
--- a/frontend/scripts/compress.ts
+++ b/frontend/scripts/compress.ts
@@ -32,7 +32,7 @@ type TypeToCompress = {
 }
 
 function compress(file: string, base: string): string {
-    let program = ts.createProgram([ file ], {})
+    const program = ts.createProgram([ file ], {})
     const f = program.getSourceFile(file)
 
     const typeDefs: Record<string, TypeToCompress> = {}
@@ -105,7 +105,7 @@ function compress(file: string, base: string): string {
         log('Generating', typeName)
 
 
-        let compressTypes: string[] = []
+        const compressTypes: string[] = []
         let typeCode = ''
         let serCode = ''
         let deserCode = ''
@@ -113,10 +113,10 @@ function compress(file: string, base: string): string {
         const typeDef = typeDefs[typeName]
 
         if (typeDef.kind === ts.SyntaxKind.TypeLiteral) {
-            let serInputs: string[] = []
-            let deserInputs: string[] = []
-            let serOutputs: string[] = []
-            let deserOutputs: string[] = []
+            const serInputs: string[] = []
+            const deserInputs: string[] = []
+            const serOutputs: string[] = []
+            const deserOutputs: string[] = []
 
             for (const propName in typeDef.propMap) {
                 const { newName, question, typeNode } = typeDef.propMap[propName]
@@ -172,13 +172,12 @@ function compress(file: string, base: string): string {
         }
 
         else if (typeDef.kind === ts.SyntaxKind.UnionType) {
-            let branches: { branchTypeText: string, tagTypeText: string }[] = []
+            const branches: { branchTypeText: string, tagTypeText: string }[] = []
 
             const tagName = typeDef.tag
             let newTagName: string
 
             typeDef.node.forEachChild(branch => {
-                let branchIndex = 0
                 if (ts.isTypeReferenceNode(branch)) {
                     const branchTypeText = branch.getText(f)
                     const branchTypeDef = typeDefs[branchTypeText]
@@ -191,8 +190,6 @@ function compress(file: string, base: string): string {
                         const tagTypeText = tagProp.typeNode.getText(f)
                         branches.push({ branchTypeText, tagTypeText })
                     }
-
-                    branchIndex ++
                 }
             })
 
diff --git a/frontend/src/components/ActionPanel.vue b/frontend/src/components/ActionPanel.vue
index b862c1b..f1d054b 100644
--- a/frontend/src/components/ActionPanel.vue
+++ b/frontend/src/components/ActionPanel.vue
@@ -15,9 +15,12 @@ const onSubmit = () => {
     <div class="content card">
         <div class="panel">
             <h2>{{ title }}</h2>
-            <slot></slot>
+            <slot />
             <div>
-                <button @click="onSubmit" class="card square inline light">
+                <button
+                    class="card square inline light"
+                    @click="onSubmit"
+                >
                     <fa-icon
                         :icon="pending ? 'spinner' : 'arrow-right'"
                         :spin="pending"
diff --git a/frontend/src/components/ArchiveEdition.vue b/frontend/src/components/ArchiveEdition.vue
index 2cf4a25..3e90898 100644
--- a/frontend/src/components/ArchiveEdition.vue
+++ b/frontend/src/components/ArchiveEdition.vue
@@ -10,9 +10,12 @@ defineProps<{
 
 <template>
     <span class="archive-edition">
-        <NyaDate :date="edition.time" format="MM-DD hh:mm" />
+        <NyaDate
+            :date="edition.time"
+            format="MM-DD hh:mm"
+        />
         @ <span class="archive-device">{{ edition.device }}</span>
-        <slot></slot>
+        <slot />
     </span>
 </template>
 
diff --git a/frontend/src/components/ArchiveInfo.vue b/frontend/src/components/ArchiveInfo.vue
index 6cefb99..f2764be 100644
--- a/frontend/src/components/ArchiveInfo.vue
+++ b/frontend/src/components/ArchiveInfo.vue
@@ -39,8 +39,14 @@ const tailEdition = computed(() => props.info?.editionChain?.at(- 1))
         :class="{ barber: active, message: ! info }"
     >
         <template v-if="isImporting">
-            <div class="archive-importing-mask-switch" v-if="id">
-                <fa-icon icon="eye" class="button" />
+            <div
+                v-if="id"
+                class="archive-importing-mask-switch"
+            >
+                <fa-icon
+                    icon="eye"
+                    class="button"
+                />
             </div>
             <div
                 class="archive message importing-mask card"
@@ -48,11 +54,11 @@ const tailEdition = computed(() => props.info?.editionChain?.at(- 1))
                 <div>
                     <span class="id">{{ id ?? '新' }}</span>
                     <LongPressButton
-                        @long-press="emit('upload-here')"
                         icon="file-import"
                         color="var(--color-fg)"
                         desc="アップロード"
                         :delay=".5"
+                        @long-press="emit('upload-here')"
                     />
                 </div>
             </div>
@@ -60,7 +66,10 @@ const tailEdition = computed(() => props.info?.editionChain?.at(- 1))
         <template v-if="info">
             <div class="archive-content">
                 <div class="archive-header">
-                    <span v-if="id !== undefined" class="id">{{ id }}</span>
+                    <span
+                        v-if="id !== undefined"
+                        class="id"
+                    >{{ id }}</span>
                     <div class="archive-title">
                         <NyaConfirmInput
                             v-model="info.title"
@@ -68,28 +77,46 @@ const tailEdition = computed(() => props.info?.editionChain?.at(- 1))
                         />
                     </div>
                 </div>
-                <div v-if="tailEdition" class="archive-tail">
-                    <fa-icon icon="code-branch" :fixed-width="true" />
-                    <RouterLink :to="{
-                        path: '/sync/tree',
-                        query: {
-                            id,
-                            remote: remote ? '' : undefined
-                        }
-                    }" class="no-animation">
+                <div
+                    v-if="tailEdition"
+                    class="archive-tail"
+                >
+                    <fa-icon
+                        icon="code-branch"
+                        :fixed-width="true"
+                    />
+                    <RouterLink
+                        :to="{
+                            path: '/sync/tree',
+                            query: {
+                                id,
+                                remote: remote ? '' : undefined
+                            }
+                        }"
+                        class="no-animation"
+                    >
                         <ArchiveEdition :edition="tailEdition" />
                     </RouterLink>
                 </div>
                 <div>
-                    <fa-icon icon="folder" :fixed-width="true" />
+                    <fa-icon
+                        icon="folder"
+                        :fixed-width="true"
+                    />
                     <span><span class="number">{{ info.wordCount ?? 'N/A' }}</span> 単語</span>
                 </div>
                 <div>
-                    <fa-icon icon="box" :fixed-width="true" />
+                    <fa-icon
+                        icon="box"
+                        :fixed-width="true"
+                    />
                     <span><span class="number">{{ (info.size / 1024).toFixed(2) }}</span> KiB</span>
                 </div>
                 <div>
-                    <fa-icon icon="code" :fixed-width="true" />
+                    <fa-icon
+                        icon="code"
+                        :fixed-width="true"
+                    />
                     <span>
                         v<span class="number">{{ info.version ?? '?' }}</span>
                         <span v-if="info?.version && info.version !== ARCHIVE_VERSION">
@@ -99,14 +126,14 @@ const tailEdition = computed(() => props.info?.editionChain?.at(- 1))
                 </div>
             </div>
             <div class="archive-action">
-                <slot></slot>
+                <slot />
             </div>
         </template>
         <template v-else-if="noInfoReason">
             <span class="no-info-reason">{{ noInfoReasons[noInfoReason] }}</span>
         </template>
         <div class="archive-labels">
-            <slot name="labels"></slot>
+            <slot name="labels" />
         </div>
     </div>
 </template>
diff --git a/frontend/src/components/ArchiveList.vue b/frontend/src/components/ArchiveList.vue
index 9485e22..f5e5b79 100644
--- a/frontend/src/components/ArchiveList.vue
+++ b/frontend/src/components/ArchiveList.vue
@@ -213,16 +213,35 @@ watch(route, ({ path }) => {
             }}</span> アーカイブ 
 
             <label for="file">
-                <fa-icon icon="file-arrow-up" class="button" />
+                <fa-icon
+                    icon="file-arrow-up"
+                    class="button"
+                />
             </label>
-            <input id="file" type="file" accept=".json" @change="onSelectFile" />
+            <input
+                id="file"
+                type="file"
+                accept=".json"
+                @change="onSelectFile"
+            >
             
-            <fa-icon @click="create" icon="circle-plus" class="button" />
-
-            <fa-icon @click="archiveStore.fetchRemoteArchivesInfo(true)" icon="rotate" class="button" />
+            <fa-icon
+                icon="circle-plus"
+                class="button"
+                @click="create"
+            />
+
+            <fa-icon
+                icon="rotate"
+                class="button"
+                @click="archiveStore.fetchRemoteArchivesInfo(true)"
+            />
         </p>
         <div class="archive-list-entries scroll-y">
-            <div v-if="selectedFile && selectedTitle" class="archive-entry">
+            <div
+                v-if="selectedFile && selectedTitle"
+                class="archive-entry"
+            >
                 <ArchiveInfo
                     id="アップ"
                     :info="{
@@ -231,8 +250,9 @@ watch(route, ({ path }) => {
                     }"
                 >
                     <fa-icon
+                        icon="trash"
+                        class="button"
                         @click="selectedFile = undefined"
-                        icon="trash" class="button"
                     />
                 </ArchiveInfo>
 
@@ -248,55 +268,55 @@ watch(route, ({ path }) => {
                 class="archive-entry"
             >
                 <ArchiveInfo
-                    :active="id === currentId"
                     :id="id"
+                    :active="id === currentId"
                     :info="local"
                     :no-info-reason="'no-local'"
                     :is-importing="!! selectedFile"
                     @upload-here="imports(id)"
                 >
                     <fa-icon
-                        @click="currentId !== id && (currentId = id)"
                         class="button"
                         :icon="currentId === id ? 'flag-checkered' : 'flag'"
                         :fixed-width="true"
+                        @click="currentId !== id && (currentId = id)"
                     />
                     <fa-icon
-                        @click="(event: MouseEvent) => exports(id, event.shiftKey)"
                         class="button"
                         icon="file-arrow-down"
                         :fixed-width="true"
+                        @click="(event: MouseEvent) => exports(id, event.shiftKey)"
                     />
                     <LongPressButton
-                        @long-press="push(id, state)"
                         :icon="pushIcon"
                         color="var(--color-fg)"
                         desc="プッシュ"
                         :delay=".5"
+                        @long-press="push(id, state)"
                     />
                     <LongPressButton
-                        @long-press="withdraw(id)"
                         icon="trash"
                         color="var(--color-wrong)"
                         desc="削除"
                         :delay="1.5"
+                        @long-press="withdraw(id)"
                     />
                 </ArchiveInfo>
 
                 <ArchiveInfo
-                    :active="false"
                     :id="remote?.idPerUser"
+                    :active="false"
                     :remote="true"
                     :info="remote"
                     :no-info-reason="jwtPayload ? 'no-remote' : 'no-account'"
                 >
                     <template #default>
                         <LongPressButton 
-                            @long-press="pull(id, state)"
                             :icon="pullIcon"
                             color="var(--color-fg)"
                             desc="プル"
                             :delay=".5"
+                            @long-press="pull(id, state)"
                         />
                     </template>
                     <template #labels>
diff --git a/frontend/src/components/AuthState.vue b/frontend/src/components/AuthState.vue
index 217c5ba..439efdd 100644
--- a/frontend/src/components/AuthState.vue
+++ b/frontend/src/components/AuthState.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { storeToRefs } from 'pinia'
 import { useAuth } from '@store/auth'
-import { addNoti } from '@util/notif';
+import { addNoti } from '@util/notif'
 
 const authStore = useAuth()
 const { jwtPayload } = storeToRefs(authStore)
@@ -22,8 +22,9 @@ const signOut = () => {
             <fa-icon icon="user-circle" />
             <span class="username">{{ jwtPayload.name }}</span> さん &middot;
             <fa-icon
+                icon="right-from-bracket"
+                class="button"
                 @click="signOut"
-                icon="right-from-bracket" class="button"
             />
         </template>
         <template v-else>
diff --git a/frontend/src/components/Correctness.vue b/frontend/src/components/Correctness.vue
index 7db3ac9..49051c0 100644
--- a/frontend/src/components/Correctness.vue
+++ b/frontend/src/components/Correctness.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed } from 'vue';
+import { computed } from 'vue'
 import { getArc } from '@comp/charts/PieChart.vue'
 
 const props = defineProps<{
@@ -21,35 +21,62 @@ const arc = getArc(2 * Math.PI * 8)
 
 <template>
     <div class="corr">
-        <span v-if="showRing" class="ring">
-            <svg width="1em" height="1em" viewBox="0 0 20 20">
+        <span
+            v-if="showRing"
+            class="ring"
+        >
+            <svg
+                width="1em"
+                height="1em"
+                viewBox="0 0 20 20"
+            >
                 <circle
-                    cx="10" cy="10" r="7"
-                ></circle>
+                    cx="10"
+                    cy="10"
+                    r="7"
+                />
                 <circle
-                    cx="10" cy="10" r="8"
-                    stroke="#eee" stroke-width="3"
-                ></circle>
-                <g class="segments" v-if="total">
+                    cx="10"
+                    cy="10"
+                    r="8"
+                    stroke="#eee"
+                    stroke-width="3"
+                />
+                <g
+                    v-if="total"
+                    class="segments"
+                >
                     <circle
-                        cx="10" cy="10" r="8"
-                        stroke="var(--color-correct)" stroke-width="3"
+                        cx="10"
+                        cy="10"
+                        r="8"
+                        stroke="var(--color-correct)"
+                        stroke-width="3"
                         v-bind="arc(correct / total)"
-                    ></circle>
+                    />
                     <circle
-                        cx="10" cy="10" r="8"
-                        stroke="var(--color-half-correct)" stroke-width="3"
+                        cx="10"
+                        cy="10"
+                        r="8"
+                        stroke="var(--color-half-correct)"
+                        stroke-width="3"
                         v-bind="arc(halfCorrect / total)"
-                    ></circle>
+                    />
                     <circle
-                        cx="10" cy="10" r="8"
-                        stroke="var(--color-wrong)" stroke-width="3"
+                        cx="10"
+                        cy="10"
+                        r="8"
+                        stroke="var(--color-wrong)"
+                        stroke-width="3"
                         v-bind="arc(wrong / total)"
-                    ></circle>
+                    />
                 </g>
             </svg>
         </span>
-        <span class="count" :class="{ hide: ! showCount }">
+        <span
+            class="count"
+            :class="{ hide: ! showCount }"
+        >
             <span class="correct number">
                 <fa-icon icon="check-circle" />
                 <span>{{ correct }}</span>
@@ -62,7 +89,10 @@ const arc = getArc(2 * Math.PI * 8)
                 <fa-icon icon="times-circle" />
                 <span>{{ wrong }}</span>
             </span>
-            <span v-if="showAcc" class="number">
+            <span
+                v-if="showAcc"
+                class="number"
+            >
                 {{ total
                     ? ((1 - wrong / total) * 100).toFixed(2) + '%'
                     : 'N/A'
diff --git a/frontend/src/components/LongPressButton.vue b/frontend/src/components/LongPressButton.vue
index 2a47def..4705d55 100644
--- a/frontend/src/components/LongPressButton.vue
+++ b/frontend/src/components/LongPressButton.vue
@@ -43,12 +43,12 @@ const onLongPressEnd = () => {
 
 <template>
     <div
+        class="long-press-button"
+        :style="{ '--duration': delay + 's', '--color': color }"
         @mousedown="onLongPressStart"
         @touchstart="onLongPressStart"
         @mouseup="onLongPressEnd"
         @touchend="onLongPressEnd"
-        class="long-press-button"
-        :style="{ '--duration': delay + 's', '--color': color }"
     >
         <fa-icon :icon="icon" />
     </div>
diff --git a/frontend/src/components/MiniSearcher.vue b/frontend/src/components/MiniSearcher.vue
index a8e05cb..2363656 100644
--- a/frontend/src/components/MiniSearcher.vue
+++ b/frontend/src/components/MiniSearcher.vue
@@ -67,8 +67,9 @@ defineExpose({
         class="word-mini-searcher card deep"
     >
         <input
-            v-model="search"
             ref="inputEl"
+            v-model="search"
+            class="card light"
             @keydown.esc.prevent.stop="cancel()"
             @keydown.enter.prevent="submitActiveItem"
             @keydown.down="moveActiveItem(+ 1)"
@@ -76,14 +77,19 @@ defineExpose({
             @keydown.tab.exact.prevent="moveActiveItem(+ 1)"
             @keydown.tab.shift.prevent="moveActiveItem(- 1)"
             @change="activeIndex = 0"
-            class="card light"
-        />
-        <div class="word-mini-list" v-for="item, index of list">
+        >
+        <div
+            v-for="item, index of list"
+            :key="index"
+            class="word-mini-list"
+        >
             <div
-                @click="submit(item.value)"
                 class="word-mini-item"
                 :class="{ active: index === activeIndex }"
-            >{{ item.display }}</div>
+                @click="submit(item.value)"
+            >
+                {{ item.display }}
+            </div>
         </div>
     </div>
 </template>
diff --git a/frontend/src/components/Modal.vue b/frontend/src/components/Modal.vue
index 8d50b23..a0a97cb 100644
--- a/frontend/src/components/Modal.vue
+++ b/frontend/src/components/Modal.vue
@@ -19,10 +19,23 @@ registerShortcuts([
 </script>
 
 <template>
-    <div class="modal" v-if="modalStore.component">
-        <div v-on-click-outside="modalStore.forceClose" class="modal-inner card">
-            <fa-icon @click="modalStore.forceClose" icon="times-circle" class="button" />
-            <component :is="modalStore.component" class="modal-slot" />
+    <div
+        v-if="modalStore.component"
+        class="modal"
+    >
+        <div
+            v-on-click-outside="modalStore.forceClose"
+            class="modal-inner card"
+        >
+            <fa-icon
+                icon="times-circle"
+                class="button"
+                @click="modalStore.forceClose"
+            />
+            <component
+                :is="modalStore.component"
+                class="modal-slot"
+            />
         </div>
     </div>
 </template>
diff --git a/frontend/src/components/NyaCheckbox.vue b/frontend/src/components/NyaCheckbox.vue
index 3590088..48fe6e9 100644
--- a/frontend/src/components/NyaCheckbox.vue
+++ b/frontend/src/components/NyaCheckbox.vue
@@ -18,12 +18,15 @@ const value = computed({
 
 <template>
     <label class="checkbox-label">
-        <input type="checkbox" v-model="value" />
+        <input
+            v-model="value"
+            type="checkbox"
+        >
         <div
             class="checkbox"
             :class="tiny ? 'badge' : 'inline card'"
         >
-            <slot></slot>
+            <slot />
         </div>
     </label>
 </template>
diff --git a/frontend/src/components/NyaConfirmInput.vue b/frontend/src/components/NyaConfirmInput.vue
index cd38bf8..6200dd9 100644
--- a/frontend/src/components/NyaConfirmInput.vue
+++ b/frontend/src/components/NyaConfirmInput.vue
@@ -84,32 +84,40 @@ watch(editMode, (mode) => {
 <template>
     <div
         ref="root"
+        v-on-click-outside="() => { clickToEdit && clear() }"
         class="nya-confirm-input"
         :class="{ withdrawable }"
         @keydown.esc.prevent.stop="editMode && clear()"
-        v-on-click-outside="() => { clickToEdit && clear() }"
     >
         <template v-if="! editMode">
             <div
                 @click="clickToEdit && edit()"
             >
                 <slot name="content">
-                    <span class="content" :value="modelValue">{{ modelValue }}</span>
+                    <span
+                        class="content"
+                        :value="modelValue"
+                    >{{ modelValue }}</span>
                 </slot>
             </div>
             <div class="edit-buttons">
                 <fa-icon
                     v-if="! disabled"
+                    icon="edit"
+                    class="button"
                     @click="edit"
-                    icon="edit" class="button"
                 />
                 <fa-icon
                     v-if="more"
+                    icon="list-dots"
+                    class="button"
                     @click="showMore = true"
-                    icon="list-dots" class="button"
                 />
             </div>
-            <Transition name="fade" :duration=".3 * 1000">
+            <Transition
+                name="fade"
+                :duration=".3 * 1000"
+            >
                 <div
                     v-if="more && showMore"
                     v-on-click-outside="() => { showMore = false }"
@@ -117,32 +125,38 @@ watch(editMode, (mode) => {
                 >
                     <LongPressButton
                         v-if="withdrawable"
-                        @long-press="emit('withdraw')"
                         icon="trash"
                         color="var(--color-wrong)"
                         desc="削除"
                         :delay="1.5"
+                        @long-press="emit('withdraw')"
                     />
-                    <slot name="more"></slot>
+                    <slot name="more" />
                 </div>
             </Transition>
         </template>
         <template v-else>
-            <slot name="input" :model="model" :submit="submit">
+            <slot
+                name="input"
+                :model="model"
+                :submit="submit"
+            >
                 <input
-                    class="input"
                     v-model="model.ref.value"
+                    class="input"
                     @keypress.enter="submit"
-                />
+                >
             </slot>
             <div class="edit-buttons">
                 <fa-icon
+                    icon="times-circle"
+                    class="button"
                     @click="clear"
-                    icon="times-circle" class="button"
                 />
                 <fa-icon
+                    icon="check-circle"
+                    class="button"
                     @click="submit"
-                    icon="check-circle" class="button"
                 />
             </div>
         </template>
diff --git a/frontend/src/components/NyaDate.vue b/frontend/src/components/NyaDate.vue
index 45a1a4a..cd02001 100644
--- a/frontend/src/components/NyaDate.vue
+++ b/frontend/src/components/NyaDate.vue
@@ -8,7 +8,10 @@ defineProps<{
 </script>
 
 <template>
-    <span class="number" :title="dayjs(date).format('YYYY-MM-DD hh:mm:ss')">{{
+    <span
+        class="number"
+        :title="dayjs(date).format('YYYY-MM-DD hh:mm:ss')"
+    >{{
         dayjs(date).format(format ?? 'YYYY-MM-DD')
     }}</span>
 </template>
diff --git a/frontend/src/components/NyaList.vue b/frontend/src/components/NyaList.vue
index d482871..37d71cb 100644
--- a/frontend/src/components/NyaList.vue
+++ b/frontend/src/components/NyaList.vue
@@ -43,7 +43,10 @@ defineExpose({
     <div class="nya-list">
         <div class="nya-list-header">
             <div class="nya-list-count">
-                <slot name="header" :count="items.length"></slot>
+                <slot
+                    name="header"
+                    :count="items.length"
+                />
             </div>
             <Pager
                 :page="page"
@@ -56,9 +59,15 @@ defineExpose({
                 :is-last-page="isLastPage"
             />
         </div>
-        <div class="nya-list-entries scroll-y" ref="scrollEl">
+        <div
+            ref="scrollEl"
+            class="nya-list-entries scroll-y"
+        >
             <p v-for="item of currentSlice">
-                <slot name="default" :item="item"></slot>
+                <slot
+                    name="default"
+                    :item="item"
+                />
             </p>
         </div>
     </div>
diff --git a/frontend/src/components/NyaScroller.vue b/frontend/src/components/NyaScroller.vue
index c2dd46f..bd9e385 100644
--- a/frontend/src/components/NyaScroller.vue
+++ b/frontend/src/components/NyaScroller.vue
@@ -47,13 +47,13 @@ export const useScroller = (options: IScrollerOptions): IScroller => {
         scrollXBy: (deltaX, behavior = options.behavior) => whenEl(el => el.scrollBy({ left: deltaX, behavior })),
         scrollYBy: (deltaY, behavior = options.behavior) => whenEl(el => el.scrollBy({ top: deltaY, behavior })),
         scrollBy: (delta, behavior = options.behavior) => {
-            if (options.direction = 'horizontal') return scroller.scrollXBy(delta, behavior)
+            if (options.direction === 'horizontal') return scroller.scrollXBy(delta, behavior)
             else return scroller.scrollYBy(delta, behavior)
         },
         scrollXTo: (posX, behavior = options.behavior) => whenEl(el => el.scrollTo({ left: posX, behavior })),
         scrollYTo: (posY, behavior = options.behavior) => whenEl(el => el.scrollTo({ top: posY, behavior })),
         scrollTo: (pos, behavior = options.behavior) => {
-            if (options.direction = 'horizontal') return scroller.scrollXTo(pos, behavior)
+            if (options.direction === 'horizontal') return scroller.scrollXTo(pos, behavior)
             else return scroller.scrollYTo(pos, behavior)
         }
     }
@@ -115,11 +115,22 @@ onMounted(() => {
         class="nya-scroller"
         :class="options.direction === 'horizontal' ? 'scroll-x' : 'scroll-y'"
     >
-        <slot></slot>
+        <slot />
     </div>
-    <div v-if="options.buttons" class="nya-scroller-buttons">
-        <fa-icon @click="scroller.scrollBy(- 50)" icon="arrow-circle-left" class="button nya-scroller-button"></fa-icon>
-        <fa-icon @click="scroller.scrollBy(+ 50)" icon="arrow-circle-right" class="button nya-scroller-button"></fa-icon>
+    <div
+        v-if="options.buttons"
+        class="nya-scroller-buttons"
+    >
+        <fa-icon
+            icon="arrow-circle-left"
+            class="button nya-scroller-button"
+            @click="scroller.scrollBy(- 50)"
+        />
+        <fa-icon
+            icon="arrow-circle-right"
+            class="button nya-scroller-button"
+            @click="scroller.scrollBy(+ 50)"
+        />
     </div>
 </template>
 
diff --git a/frontend/src/components/NyaSwitch.vue b/frontend/src/components/NyaSwitch.vue
index 1b0caa9..fbbbade 100644
--- a/frontend/src/components/NyaSwitch.vue
+++ b/frontend/src/components/NyaSwitch.vue
@@ -17,8 +17,11 @@ const value = computed({
 
 <template>
     <label class="checkbox-label">
-        <input type="checkbox" v-model="value" />
-        <div class="switch"></div>
+        <input
+            v-model="value"
+            type="checkbox"
+        >
+        <div class="switch" />
     </label>
 </template>
 
diff --git a/frontend/src/components/NyaTab.vue b/frontend/src/components/NyaTab.vue
index 117e528..46ead0d 100644
--- a/frontend/src/components/NyaTab.vue
+++ b/frontend/src/components/NyaTab.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref } from 'vue';
+import { ref } from 'vue'
 
 type TabData = {
     name: string
@@ -14,14 +14,24 @@ const activeTabName = ref<string>(props.tabs[0].name)
 </script>
 
 <template>
-    <div class="nya-tab" :data-tab="activeTabName">
+    <div
+        class="nya-tab"
+        :data-tab="activeTabName"
+    >
         <div class="nya-tab-header">
             <template v-for="tab of tabs">
-                <span v-if="tab.name === activeTabName" class="active">{{ tab.title }}</span>
-                <span v-else @click="activeTabName = tab.name">{{ tab.title }}</span>
+                <span
+                    v-if="tab.name === activeTabName"
+                    :key="tab.name"
+                    class="active"
+                >{{ tab.title }}</span>
+                <span
+                    v-else
+                    @click="activeTabName = tab.name"
+                >{{ tab.title }}</span>
             </template>
         </div>
-        <slot :name="activeTabName"></slot>
+        <slot :name="activeTabName" />
     </div>
 </template>
 
diff --git a/frontend/src/components/NyaTemplate.vue b/frontend/src/components/NyaTemplate.vue
index 0921ada..732c04a 100644
--- a/frontend/src/components/NyaTemplate.vue
+++ b/frontend/src/components/NyaTemplate.vue
@@ -21,6 +21,7 @@ const segments = computed(() => getTemplateSegements(props.text))
             <WordLink
                 v-else
                 :id="seg.id ?? word.id"
+                :key="index"
                 :disp="seg.disp"
                 :self="! seg.id"
                 :hide-self="hideSelf"
diff --git a/frontend/src/components/NyaTitle.vue b/frontend/src/components/NyaTitle.vue
index e399208..7e015f9 100644
--- a/frontend/src/components/NyaTitle.vue
+++ b/frontend/src/components/NyaTitle.vue
@@ -5,7 +5,10 @@ import { version } from '@/../package.json'
 <template>
     <h1 class="nya-title">
         Nya Dict
-        <RouterLink to="/about" class="version no-color-change">
+        <RouterLink
+            to="/about"
+            class="version no-color-change"
+        >
             <span>{{ version }}</span>
         </RouterLink>
     </h1>
diff --git a/frontend/src/components/Pager.vue b/frontend/src/components/Pager.vue
index b1a3f59..8347261 100644
--- a/frontend/src/components/Pager.vue
+++ b/frontend/src/components/Pager.vue
@@ -33,18 +33,28 @@ const pages = computed(() => {
 
 <template>
     <div class="pager">
-        <div @click="prev" class="page-button" :class="{ disabled: isFirstPage }">
+        <div
+            class="page-button"
+            :class="{ disabled: isFirstPage }"
+            @click="prev"
+        >
             <fa-icon icon="arrow-left" />
         </div>
         <div class="page-ids">
             <div
                 v-for="id of pages"
-                @click="goto(id)"
                 class="page-button"
                 :class="{ active: id === page }"
-            >{{ id }}</div>
+                @click="goto(id)"
+            >
+                {{ id }}
+            </div>
         </div>
-        <div @click="next" class="page-button" :class="{ disabled: isLastPage }">
+        <div
+            class="page-button"
+            :class="{ disabled: isLastPage }"
+            @click="next"
+        >
             <fa-icon icon="arrow-right" />
         </div>
     </div>
diff --git a/frontend/src/components/ShortcutList.vue b/frontend/src/components/ShortcutList.vue
index 3719193..a1dfc00 100644
--- a/frontend/src/components/ShortcutList.vue
+++ b/frontend/src/components/ShortcutList.vue
@@ -9,6 +9,7 @@ import ShortcutItem from '@comp/config/ShortcutItem.vue'
         <span class="shortcut-title">ショートカット</span>
         <ShortcutItem
             v-for="shortcut of shortcuts"
+            :key="shortcut.id"
             :shortcut="shortcut"
         />
     </div>
diff --git a/frontend/src/components/StatisticsItem.vue b/frontend/src/components/StatisticsItem.vue
index 275a8ef..fecedc9 100644
--- a/frontend/src/components/StatisticsItem.vue
+++ b/frontend/src/components/StatisticsItem.vue
@@ -16,11 +16,18 @@ const actionsEl = ref<HTMLSpanElement>()
         <div class="statistics-item-title">
             <span>{{ title }}</span>
             <span class="statistics-item-actions">
-                <span ref="actionsEl"></span>
-                <fa-icon @click="value = data()" icon="rotate" class="button" />
+                <span ref="actionsEl" />
+                <fa-icon
+                    icon="rotate"
+                    class="button"
+                    @click="value = data()"
+                />
             </span>
         </div>
-        <slot :data="value" :actionsEl="actionsEl"></slot>
+        <slot
+            :data="value"
+            :actions-el="actionsEl"
+        />
     </div>
 </template>
 
diff --git a/frontend/src/components/TestEntry.vue b/frontend/src/components/TestEntry.vue
index 71640b8..0e302ca 100644
--- a/frontend/src/components/TestEntry.vue
+++ b/frontend/src/components/TestEntry.vue
@@ -24,7 +24,8 @@ const startTest = () => {
 }
 
 const showInWordsView = () => {
-    // FIXME: wordStore.filter.testId = props.test.id
+    wordStore.filter.advanced = true
+    wordStore.filter.query = `inTest (tests#${props.test.id})`
     router.push('/words')
 }
 
@@ -40,7 +41,10 @@ const currentWordText = computed(() => {
 </script>
 
 <template>
-    <div class="card test-entry" :class="{ barber: test.id === testStore.lastTestId }">
+    <div
+        class="card test-entry"
+        :class="{ barber: test.id === testStore.lastTestId }"
+    >
         <span class="test-entry-info">
             <span class="id">{{ test.id }}</span>
             <NyaDate :date="test.createTime" />
@@ -53,12 +57,14 @@ const currentWordText = computed(() => {
         <span class="test-entry-action">
             <fa-icon
                 v-if="test.locked"
+                icon="book"
+                class="button"
                 @click="showInWordsView"
-                icon="book" class="button"
             />
             <fa-icon
+                icon="arrow-circle-right"
+                class="button"
                 @click="startTest"
-                icon="arrow-circle-right" class="button"
             />
         </span>
     </div>
diff --git a/frontend/src/components/TestList.vue b/frontend/src/components/TestList.vue
index 5c9071b..49c6224 100644
--- a/frontend/src/components/TestList.vue
+++ b/frontend/src/components/TestList.vue
@@ -10,11 +10,17 @@ const sortedTests = computed(() => [...testStore.tests].sort((a, b) => b.id - a.
 </script>
 
 <template>
-    <NyaList :items="sortedTests" class="test-list">
+    <NyaList
+        :items="sortedTests"
+        class="test-list"
+    >
         <template #header="{ count }">
             <span class="number">{{ count }}</span> テスト
             <RouterLink to="/test/create">
-                <fa-icon icon="circle-plus" class="button" />
+                <fa-icon
+                    icon="circle-plus"
+                    class="button"
+                />
             </RouterLink>
         </template>
         <template #default="{ item: test }">
diff --git a/frontend/src/components/Topbar.vue b/frontend/src/components/Topbar.vue
index c2a55dd..d683c0f 100644
--- a/frontend/src/components/Topbar.vue
+++ b/frontend/src/components/Topbar.vue
@@ -8,7 +8,10 @@ const route = useRoute()
 
 <template>
     <div class="topbar">
-        <a href="javascript:void 0;" @click="router.back()">
+        <a
+            href="javascript:void 0;"
+            @click="router.back()"
+        >
             <fa-icon icon="arrow-left" /> 戻る
         </a> /
         <RouterLink :to="getParentPath(route)">
diff --git a/frontend/src/components/Word.vue b/frontend/src/components/Word.vue
index 718dae8..89a6837 100644
--- a/frontend/src/components/Word.vue
+++ b/frontend/src/components/Word.vue
@@ -24,7 +24,7 @@ withDefaults(defineProps<{
                 :show-count="false"
                 :show-ring="true"
             />
-            <slot :word="word"></slot>
+            <slot :word="word" />
         </div>
     </div>
 </template>
diff --git a/frontend/src/components/WordAdder.vue b/frontend/src/components/WordAdder.vue
index 743db8b..195fe76 100644
--- a/frontend/src/components/WordAdder.vue
+++ b/frontend/src/components/WordAdder.vue
@@ -27,8 +27,8 @@ watch(props, () => {
     sub.value = props.word.sub
 }, { immediate: true })
 
-const emit = defineEmits<{
-    (event: 'change', ): void
+defineEmits<{
+    (event: 'change'): void
     (event: 'cancel'): void
 }>()
 
@@ -118,28 +118,30 @@ useFocusSignal(dispEl, 'ui:word:add')
             <input
                 ref="dispEl"
                 v-model="disp"
+                placeholder="書き方"
+                autofocus="true"
                 @compositionupdate="onCompositionUpdate"
                 @compositionend="onCompositionEnd"
                 @keydown.enter="onChange"
-                placeholder="書き方"
-                autofocus="true"
-            />
+            >
         </span>
         <span class="word-sub">
             <input
                 v-model="sub"
-                @keydown.enter="onChange"
                 placeholder="読み方"
-            />
+                @keydown.enter="onChange"
+            >
         </span>
         <div class="edit-buttons">
             <fa-icon
+                icon="times-circle"
+                class="button"
                 @click="onCancel"
-                icon="times-circle" class="button"
             />
             <fa-icon
+                icon="circle-check"
+                class="button"
                 @click="onChange"
-                icon="circle-check" class="button"
             />
         </div>
     </div>
diff --git a/frontend/src/components/WordDetail.vue b/frontend/src/components/WordDetail.vue
index daf0c44..5b28450 100644
--- a/frontend/src/components/WordDetail.vue
+++ b/frontend/src/components/WordDetail.vue
@@ -22,7 +22,8 @@ const props = withDefaults(defineProps<{
     zenMode?: boolean
     container?: HTMLElement | null
 }>(), {
-    zenMode: true
+    zenMode: true,
+    container: null
 })
 
 const wordStore = useWord()
@@ -59,13 +60,22 @@ useEventListener('resize', () => {
 </script>
 
 <template>
-    <div class="word-detail" ref="wordDetailEl">
+    <div
+        ref="wordDetailEl"
+        class="word-detail"
+    >
         <RouterLink :to="`/words?id=${word.id}`">
             <span class="id">{{ word.id }}</span>
         </RouterLink>
 
-        <NyaConfirmInput v-model="word.disp" class="word-disp" />
-        <NyaConfirmInput v-model="word.sub" class="word-sub">
+        <NyaConfirmInput
+            v-model="word.disp"
+            class="word-disp"
+        />
+        <NyaConfirmInput
+            v-model="word.sub"
+            class="word-sub"
+        >
             <template #content>
                 <WordSub :word="word" />
             </template>
@@ -74,45 +84,59 @@ useEventListener('resize', () => {
         <p class="word-actions">
             <LongPressButton
                 v-if="! withdrawed"
-                @long-press="wordStore.withdraw(word.id)"
                 icon="trash"
                 color="var(--color-wrong)"
                 desc="削除"
                 :delay="1.5"
+                @long-press="wordStore.withdraw(word.id)"
             />
             <LongPressButton
                 v-else
-                @long-press="wordStore.restore(word)"
                 icon="trash-restore"
                 color="var(--color-ui)"
                 desc="削除取り消し"
                 :delay=".5"
+                @long-press="wordStore.restore(word)"
             />
 
             <LongPressButton
                 v-if="! withdrawed"
-                @long-press="nazoMode = ! nazoMode"
                 :icon="nazoMode ? 'eye' : 'eye-slash'"
                 color="var(--color-fg)"
                 :desc="'なぞモード ' + (nazoMode ? 'OFF' : 'ON')"
                 :delay="0.5"
+                @long-press="nazoMode = ! nazoMode"
             />
         </p>
 
-        <NyaTab :tabs="[
-            { name: 'dict', title: '辞書' },
-            { name: 'mem', title: 'メモリー' },
-            { name: 'link', title: 'リンク' }
-        ]">
+        <NyaTab
+            :tabs="[
+                { name: 'dict', title: '辞書' },
+                { name: 'mem', title: 'メモリー' },
+                { name: 'link', title: 'リンク' }
+            ]"
+        >
             <template #mem>
                 <div>
-                    <fa-icon icon="plus" :fixed-width="true" />
+                    <fa-icon
+                        icon="plus"
+                        :fixed-width="true"
+                    />
                     <NyaDate :date="word.mem.createTime" />
                 </div>
                 <div>
-                    <fa-icon icon="forward" :fixed-width="true" /> 
-                    <NyaDate v-if="word.mem.testAfter" :date="word.mem.testAfter" />
-                    <span v-else class="number">今</span>
+                    <fa-icon
+                        icon="forward"
+                        :fixed-width="true"
+                    /> 
+                    <NyaDate
+                        v-if="word.mem.testAfter"
+                        :date="word.mem.testAfter"
+                    />
+                    <span
+                        v-else
+                        class="number"
+                    >今</span>
                 </div>
                 <WordMemCalendar :mem="word.mem" />
             </template>
@@ -122,11 +146,11 @@ useEventListener('resize', () => {
                 </div>
 
                 <WordDocumentList
-                    @focus.capture="onFocus"
-                    @blur.capture="editingEl = undefined"
                     :word="word"
                     :node="word"
                     :hide-self="nazoMode"
+                    @focus.capture="onFocus"
+                    @blur.capture="editingEl = undefined"
                 />
             </template>
             <template #link>
diff --git a/frontend/src/components/WordDocument.vue b/frontend/src/components/WordDocument.vue
index 903c578..7d5b7c1 100644
--- a/frontend/src/components/WordDocument.vue
+++ b/frontend/src/components/WordDocument.vue
@@ -7,10 +7,11 @@ import { useConfig } from '@store/config'
 
 import NyaConfirmInput, { type InputCtx } from '@comp/NyaConfirmInput.vue'
 import NyaTemplate from '@comp/NyaTemplate.vue'
-import MiniSearcher, { MiniList } from '@comp/MiniSearcher.vue'
+import MiniSearcher, { type MiniList } from '@comp/MiniSearcher.vue'
 import WordDocumentList from '@comp/WordDocumentList.vue'
 import WordLinkRelationship from '@comp/WordLinkRelationship.vue'
 import LongPressButton from '@comp/LongPressButton.vue'
+import WordDocumentLabels from '@comp/WordDocumentLabels.vue'
 
 import { dedup, filterN } from '@util'
 import { addNoti } from '@util/notif'
@@ -18,9 +19,7 @@ import { strictToHiragana } from '@util/kana'
 
 import { DocumentKind } from '@type'
 import type { IWordDocument, IWord, ILinkDocument } from '@type'
-import WordDocumentLabels from '@comp/WordDocumentLabels.vue'
-import { GenericComponentInstanceType } from '@type/tool'
-import { faDisplay } from '@fortawesome/free-solid-svg-icons'
+import type { GenericComponentInstanceType } from '@type/tool'
 
 const props = defineProps<{
     word: IWord
@@ -71,7 +70,7 @@ const onKey = (key: string, inputCtx: InputCtx) => {
         inputCtx.submit()
     }
 }
-const onTab = (_inputCtx: InputCtx) => {
+const onTab = () => {
     const state = getInputState()
     if (! state) return
 
@@ -273,10 +272,13 @@ const backlink = (doc: ILinkDocument) => {
 </script>
 
 <template>
-    <div class="word-doc" :class="{
-        'meaning-doc': doc.kind === DocumentKind.Meaning,
-        'template-doc': doc.kind === DocumentKind.Sentence || doc.kind === DocumentKind.Link,
-    }">
+    <div
+        class="word-doc"
+        :class="{
+            'meaning-doc': doc.kind === DocumentKind.Meaning,
+            'template-doc': doc.kind === DocumentKind.Sentence || doc.kind === DocumentKind.Link,
+        }"
+    >
         <template v-if="doc.kind === DocumentKind.Meaning">
             <div
                 class="meaning-doc-main card"
@@ -285,11 +287,11 @@ const backlink = (doc: ILinkDocument) => {
             >
                 <NyaConfirmInput
                     v-model="doc.text"
-                    @withdraw="emit('withdraw')"
                     :more="true"
                     :withdrawable="true"
                     :withdraw-when-empty="true"
                     :edit-mode="newlyAdded"
+                    @withdraw="emit('withdraw')"
                 >
                     <template #more>
                         <WordDocumentLabels :doc="doc" />
@@ -304,17 +306,20 @@ const backlink = (doc: ILinkDocument) => {
             />
         </template>
         <template v-else-if="doc.kind === DocumentKind.Sentence || doc.kind === DocumentKind.Link">
-            <div class="template-doc-main" :class="{ barber: doc.labels?.i }">
+            <div
+                class="template-doc-main"
+                :class="{ barber: doc.labels?.i }"
+            >
                 <NyaConfirmInput
                     v-model="doc.text"
-                    @before-update:modelValue="oldDocText = doc.text"
-                    @update:modelValue="updateGraph(doc.text)"
-                    @withdraw="updateGraph(''); emit('withdraw')"
                     :more="true"
                     :withdraw-when-empty="true"
                     :withdrawable="true"
                     :edit-mode="newlyAdded"
                     :disabled="hideSelf"
+                    @before-update:model-value="oldDocText = doc.text"
+                    @update:model-value="updateGraph(doc.text)"
+                    @withdraw="updateGraph(''); emit('withdraw')"
                 >
                     <template #content>
                         <div class="content">
@@ -353,22 +358,22 @@ const backlink = (doc: ILinkDocument) => {
                         />
                         
                         <input
-                            class="input"
                             ref="templateInput"
                             v-model="inputCtx.model.ref.value"
+                            class="input"
                             @keypress="event => onKey(event.key, inputCtx)"
                             @compositionend="event => onKey(event.data, inputCtx)"
-                            @keydown.tab.prevent="onTab(inputCtx)"
-                        />
+                            @keydown.tab.prevent="onTab()"
+                        >
                     </template>
                     <template #more>
                         <LongPressButton
                             v-if="doc.kind === DocumentKind.Link"
-                            @long-press="backlink(doc)"
                             icon="link"
                             :color="backlinkInfo?.backDoc ? 'var(--color-order)' : 'var(--color-fg)'"
                             desc="バックリンク"
                             :delay=".5"
+                            @long-press="backlink(doc)"
                         />
                         <WordDocumentLabels :doc="doc" />
                     </template>
diff --git a/frontend/src/components/WordDocumentAdder.vue b/frontend/src/components/WordDocumentAdder.vue
index 663089d..20b49d4 100644
--- a/frontend/src/components/WordDocumentAdder.vue
+++ b/frontend/src/components/WordDocumentAdder.vue
@@ -53,20 +53,21 @@ const addDoc = (kind: DocumentKind) => {
 <template>
     <span class="doc-adder">
         <fa-icon
+            icon="circle-plus"
+            class="button"
             @click="showKinds = ! showKinds"
-            icon="circle-plus" class="button"
         />
 
         <Transition name="fade">
             <div
-                class="doc-kinds"
                 v-if="showKinds"
                 v-on-click-outside="() => { showKinds = false }"
+                class="doc-kinds"
             >
                 <div
                     v-for="info, kind in documentKindInfo"
-                    @click="addDoc(+ kind)"
                     class="doc-kind-info badge"
+                    @click="addDoc(+ kind)"
                 >{{ info }}</div>
             </div>
         </Transition>
diff --git a/frontend/src/components/WordDocumentEntry.vue b/frontend/src/components/WordDocumentEntry.vue
index 5061297..34eece5 100644
--- a/frontend/src/components/WordDocumentEntry.vue
+++ b/frontend/src/components/WordDocumentEntry.vue
@@ -28,15 +28,18 @@ const addDoc = (newDoc: IWordDocumentWithoutId) => {
 <template>
     <div class="doc-entry">
         <div class="doc-sidebar">
-            <WordDocumentAdder @add-doc="addDoc" v-if="'docs' in doc" />
+            <WordDocumentAdder
+                v-if="'docs' in doc"
+                @add-doc="addDoc"
+            />
         </div>
         <WordDocument
-            class="doc"
-            @withdraw="emit('withdraw')"
             :key="doc.id"
+            class="doc"
             :word="word"
             :doc="doc"
             :hide-self="hideSelf"
+            @withdraw="emit('withdraw')"
         />
     </div>
 </template>
diff --git a/frontend/src/components/WordDocumentLabels.vue b/frontend/src/components/WordDocumentLabels.vue
index 98b690d..4162944 100644
--- a/frontend/src/components/WordDocumentLabels.vue
+++ b/frontend/src/components/WordDocumentLabels.vue
@@ -15,10 +15,10 @@ const toggleImportant = () => {
 
 <template>
     <LongPressButton
-        @long-press="toggleImportant"
         icon="star"
         :color="`var(${doc.labels?.i ? '--color-order' : '--color-fg'})`"
         desc="マーク"
         :delay="0.5"
+        @long-press="toggleImportant"
     />
 </template>
diff --git a/frontend/src/components/WordDocumentList.vue b/frontend/src/components/WordDocumentList.vue
index d2cd1f3..06d08d3 100644
--- a/frontend/src/components/WordDocumentList.vue
+++ b/frontend/src/components/WordDocumentList.vue
@@ -29,10 +29,11 @@ const withdrawDoc = (docId: number) => {
     <div class="doc-list">
         <WordDocumentEntry
             v-for="doc of sortedDocs"
-            @withdraw="withdrawDoc(doc.id)"
+            :key="doc.id"
             :word="word"
             :doc="doc"
             :hide-self="hideSelf"
+            @withdraw="withdrawDoc(doc.id)"
         />
     </div>
 </template>
diff --git a/frontend/src/components/WordEntry.vue b/frontend/src/components/WordEntry.vue
index f791404..2a3d8e6 100644
--- a/frontend/src/components/WordEntry.vue
+++ b/frontend/src/components/WordEntry.vue
@@ -15,10 +15,14 @@ const emit = defineEmits<{
 
 <template>
     <div class="word-entry">
-        <Word :word="word" :class="{ barber: active }">
+        <Word
+            :word="word"
+            :class="{ barber: active }"
+        >
             <fa-icon
+                icon="arrow-circle-right"
+                class="button"
                 @click="emit('goto-word', word.id)"
-                icon="arrow-circle-right" class="button"
             />
         </Word>
     </div>
diff --git a/frontend/src/components/WordFilter.vue b/frontend/src/components/WordFilter.vue
index c5f41c7..f34c654 100644
--- a/frontend/src/components/WordFilter.vue
+++ b/frontend/src/components/WordFilter.vue
@@ -53,26 +53,35 @@ useFocusSignal(queryEl, 'ui:word:filter')
 <template>
     <div class="word-filter">
         <div class="word-filter-settings">
-            <NyaCheckbox v-model="advanced" :tiny="true">高級フィルタ</NyaCheckbox>
+            <NyaCheckbox
+                v-model="advanced"
+                :tiny="true"
+            >
+                高級フィルタ
+            </NyaCheckbox>
         </div>
 
         <div class="word-filter-query card input light">
             <input
-                class="nt-input"
                 ref="queryEl"
                 v-model="queryDebounced"
+                class="nt-input"
+                autofocus="true"
                 @keydown.up="queryHistory.undo"
                 @keydown.down="queryHistory.redo"
-                autofocus="true"
-            />
+            >
 
             <fa-icon
+                icon="times-circle"
+                class="button"
                 @click="clearQuery"
-                icon="times-circle" class="button"
             />
         </div>
 
-        <NtParseError v-if="queryError" :error="queryError"></NtParseError>
+        <NtParseError
+            v-if="queryError"
+            :error="queryError"
+        />
     </div>
 </template>
 
diff --git a/frontend/src/components/WordGraphChart.vue b/frontend/src/components/WordGraphChart.vue
index 64ad491..1b6a43e 100644
--- a/frontend/src/components/WordGraphChart.vue
+++ b/frontend/src/components/WordGraphChart.vue
@@ -163,16 +163,31 @@ useEventListener(root, 'wheel', onWheel)
             fullscreen: isFullScreen,
         }"
     >
-        <div ref="toolbarEl" class="toolbar">
+        <div
+            ref="toolbarEl"
+            class="toolbar"
+        >
             <span>
-                <fa-icon @click="zoom(- 0.1)" icon="magnifying-glass-minus" class="button" />
+                <fa-icon
+                    icon="magnifying-glass-minus"
+                    class="button"
+                    @click="zoom(- 0.1)"
+                />
                 <span class="number no-select">{{ scale * 100 | 0 }}%</span>
-                <fa-icon @click="zoom(+ 0.1)" icon="magnifying-glass-plus" class="button" />
-                <fa-icon @click="center" icon="location-dot" class="button" />
                 <fa-icon
-                    @click="isFullScreen = ! isFullScreen"
+                    icon="magnifying-glass-plus"
+                    class="button"
+                    @click="zoom(+ 0.1)"
+                />
+                <fa-icon
+                    icon="location-dot"
+                    class="button"
+                    @click="center"
+                />
+                <fa-icon
                     :icon="isFullScreen ? 'compress' : 'expand'"
                     class="button"
+                    @click="isFullScreen = ! isFullScreen"
                 />
             </span>
             <span class="graph-data">
diff --git a/frontend/src/components/WordLink.vue b/frontend/src/components/WordLink.vue
index 35a8999..9b74de3 100644
--- a/frontend/src/components/WordLink.vue
+++ b/frontend/src/components/WordLink.vue
@@ -26,7 +26,9 @@ const text = computed(() => {
         :to="`/words?id=${id}`"
         class="word-link"
         :class="{ self, hidden: self && hideSelf }"
-    >{{ text }}</RouterLink>
+    >
+        {{ text }}
+    </RouterLink>
 </template>
 
 <style scoped>
diff --git a/frontend/src/components/WordLinkRelationship.vue b/frontend/src/components/WordLinkRelationship.vue
index abb7f9a..5b86f23 100644
--- a/frontend/src/components/WordLinkRelationship.vue
+++ b/frontend/src/components/WordLinkRelationship.vue
@@ -28,7 +28,9 @@ const showRels = ref(false)
         :class="{ editing: editMode }"
         @click="showRels = true"
     >
-        <div class="link-doc-rel outter">{{ relInfo[rel] }}</div>
+        <div class="link-doc-rel outter">
+            {{ relInfo[rel] }}
+        </div>
         <Transition name="fade">
             <div
                 v-if="showRels && editMode"
@@ -39,7 +41,9 @@ const showRels = ref(false)
                     v-for="info, rel in relInfo"
                     class="link-doc-rel"
                     @click.stop="emit('update:rel', + rel); showRels = false"
-                >{{ info }}</div>
+                >
+                    {{ info }}
+                </div>
             </div>
         </Transition>
     </div>
diff --git a/frontend/src/components/WordList.vue b/frontend/src/components/WordList.vue
index 6590d49..2a91130 100644
--- a/frontend/src/components/WordList.vue
+++ b/frontend/src/components/WordList.vue
@@ -68,7 +68,11 @@ watch(() => props.activeWordId, () => {
 </script>
 
 <template>
-    <NyaList :items="words" ref="list" class="word-list">
+    <NyaList
+        ref="list"
+        :items="words"
+        class="word-list"
+    >
         <template #header="{ count }">
             <span class="number">{{ count }}</span> 単語
         </template>
diff --git a/frontend/src/components/WordMemCalendar.vue b/frontend/src/components/WordMemCalendar.vue
index 67afb72..f275ab5 100644
--- a/frontend/src/components/WordMemCalendar.vue
+++ b/frontend/src/components/WordMemCalendar.vue
@@ -69,9 +69,9 @@ const data = computed(() => {
         <div class="calendar-modes">
             <span
                 v-for="modeInfo, mode in calendarModeInfo"
-                @click="calendarMode = + mode"
                 class="badge"
                 :class="{ active: calendarMode === + mode }"
+                @click="calendarMode = + mode"
             >{{ modeInfo }}</span>
         </div>
         <WordMemBrief
@@ -99,10 +99,16 @@ const data = computed(() => {
                     <NyaDate :date="item.date" />
 
                     <template v-for="rec of item.value.recs">
-                        <span class="rec-id id" v-if="rec.testId !== undefined">{{ rec.testId }}</span>
+                        <span
+                            v-if="rec.testId !== undefined"
+                            class="rec-id id"
+                        >{{ rec.testId }}</span>
                     </template>
                 </template>
-                <div v-else class="no-current"></div>
+                <div
+                    v-else
+                    class="no-current"
+                />
             </template>
         </Calendar>
     </div>
diff --git a/frontend/src/components/WordNavigator.vue b/frontend/src/components/WordNavigator.vue
index 6142925..6dfc10a 100644
--- a/frontend/src/components/WordNavigator.vue
+++ b/frontend/src/components/WordNavigator.vue
@@ -76,17 +76,19 @@ registerShortcuts([
 <template>
     <div
         v-if="config.wordNavigator"
-        class="word-navigator no-select"
         ref="root"
+        class="word-navigator no-select"
         :style="{ left: position.left + 'px', top: position.top + 'px' }"
     >
         <fa-icon
+            icon="caret-up"
+            class="button"
             @click="navigate('up')"
-            icon="caret-up" class="button"
         />
         <fa-icon
+            icon="caret-down"
+            class="button"
             @click="navigate('down')"
-            icon="caret-down" class="button"
         />
     </div>
 </template>
diff --git a/frontend/src/components/WordSorter.vue b/frontend/src/components/WordSorter.vue
index af80f75..8c9224a 100644
--- a/frontend/src/components/WordSorter.vue
+++ b/frontend/src/components/WordSorter.vue
@@ -53,8 +53,9 @@ const onSortMethodClick = (method: IWordSortMethod) => {
     <div class="word-sorter">
         <span
             v-for="methodInfo, method in sortMethodInfo"
-            @click="onSortMethodClick(method)"
+            :key="method"
             class="badge"
+            @click="onSortMethodClick(method)"
         >
             {{ methodInfo }}
             <fa-icon
diff --git a/frontend/src/components/WordSub.vue b/frontend/src/components/WordSub.vue
index 01a79a5..6b5be88 100644
--- a/frontend/src/components/WordSub.vue
+++ b/frontend/src/components/WordSub.vue
@@ -47,8 +47,8 @@ const onToneChange = () => {
 
 <template>
     <span
-        class="word-hiragana"
         v-if="isHiragana(word.sub)"
+        class="word-hiragana"
     >
         <span
             v-for="char, index of syllables"
@@ -66,13 +66,13 @@ const onToneChange = () => {
         >{{ word.tone ?? '-' }}</span>
         <input
             v-else
-            :value="word.tone"
             ref="toneInputEl"
+            :value="word.tone"
             class="word-tone-editor"
             @input="onToneInput"
             @change="onToneChange"
             @blur="onToneChange"
-        />
+        >
     </span>
     <span v-else>{{ word.sub }}</span>
 </template>
diff --git a/frontend/src/components/charts/Arrow.vue b/frontend/src/components/charts/Arrow.vue
index a0246c7..b68563e 100644
--- a/frontend/src/components/charts/Arrow.vue
+++ b/frontend/src/components/charts/Arrow.vue
@@ -36,7 +36,11 @@ const a = computed(() => {
 </script>
 
 <template>
-    <g class="arrow" v-if="a" :class="{ major: twoWay }">
+    <g
+        v-if="a"
+        class="arrow"
+        :class="{ major: twoWay }"
+    >
         <line
             :x1="a.tx1"
             :y1="a.ty1"
@@ -45,10 +49,11 @@ const a = computed(() => {
         />
         <path
             :d="`M ${a.tx2} ${a.ty2} L ${a.ax2 + a.adx} ${a.ay2 - a.ady} L ${a.ax2 - a.adx} ${a.ay2 + a.ady} Z`"
-        ></path>
-        <path v-if="twoWay"
+        />
+        <path
+            v-if="twoWay"
             :d="`M ${a.tx1} ${a.ty1} L ${a.ax1 + a.adx} ${a.ay1 - a.ady} L ${a.ax1 - a.adx} ${a.ay1 + a.ady} Z`"
-        ></path>
+        />
     </g>
 </template>
 
diff --git a/frontend/src/components/charts/Calendar.vue b/frontend/src/components/charts/Calendar.vue
index 88a4494..c51321f 100644
--- a/frontend/src/components/charts/Calendar.vue
+++ b/frontend/src/components/charts/Calendar.vue
@@ -2,9 +2,10 @@
 import dayjs, { Dayjs } from 'dayjs'
 import { useEventListener } from '@vueuse/core'
 
+import NyaScroller, { useScroller } from '@comp/NyaScroller.vue'
+
 import { grade } from '@util'
 import { getEventPoint } from '@util/dom'
-import NyaScroller, { useScroller } from '@comp/NyaScroller.vue'
 
 export const getCalendarData = <T>(source: T[], getDate: (item: T) => number) => {
     const today = dayjs()
diff --git a/frontend/src/components/charts/EllipsisText.vue b/frontend/src/components/charts/EllipsisText.vue
index a547535..1da0fc5 100644
--- a/frontend/src/components/charts/EllipsisText.vue
+++ b/frontend/src/components/charts/EllipsisText.vue
@@ -30,5 +30,7 @@ onMounted(() => watch(props, async () => {
 </script>
 
 <template>
-    <text ref="textEl">{{ ellipsisText }}</text>
+    <text ref="textEl">
+        {{ ellipsisText }}
+    </text>
 </template>
diff --git a/frontend/src/components/charts/PieChart.vue b/frontend/src/components/charts/PieChart.vue
index 75225a6..80b8a0e 100644
--- a/frontend/src/components/charts/PieChart.vue
+++ b/frontend/src/components/charts/PieChart.vue
@@ -42,23 +42,36 @@ const dataWithAttr = computed<
 
 <template>
     <div class="pie-chart">
-        <svg width="8em" height="8em" viewBox="0 0 20 20" class="pie">
+        <svg
+            width="8em"
+            height="8em"
+            viewBox="0 0 20 20"
+            class="pie"
+        >
             <circle
                 v-for="{ attrs, color } of dataWithAttr"
-                cx="10" cy="10" r="10"
+                cx="10"
+                cy="10"
+                r="10"
                 fill="transparent"
                 stroke-width="10"
                 :stroke="color"
                 v-bind="attrs"
-            ></circle>
+            />
         </svg>
-        <div class="pie-chart-legends" :class="{ 'show-all': showAll }">
+        <div
+            class="pie-chart-legends"
+            :class="{ 'show-all': showAll }"
+        >
             <div
                 v-for="{ name, value, color, ratio } of data"
                 class="pie-chart-legend"
                 :class="{ insignificant: ratio < 0.01 }"
             >
-                <div class="pie-chart-legend-box" :style="{ backgroundColor: color }"></div>
+                <div
+                    class="pie-chart-legend-box"
+                    :style="{ backgroundColor: color }"
+                />
                 <span class="pie-chart-legend-name">{{ name }}</span>
                 <span class="pie-chart-legend-value">
                     <span class="number">{{ value }}</span>
@@ -67,12 +80,15 @@ const dataWithAttr = computed<
             </div>
         </div>
     </div>
-    <Teleport :disabled="! actionsEl" :to="actionsEl">
+    <Teleport
+        :disabled="! actionsEl"
+        :to="actionsEl"
+    >
         <fa-icon
             v-if="data.some(item => item.ratio < 0.01)"
-            @click="showAll = ! showAll"
             :icon="showAll ? 'compress' : 'expand'"
             class="button"
+            @click="showAll = ! showAll"
         />
     </Teleport>
 </template>
diff --git a/frontend/src/components/charts/TimeChart.vue b/frontend/src/components/charts/TimeChart.vue
index 6805c23..a4f42c4 100644
--- a/frontend/src/components/charts/TimeChart.vue
+++ b/frontend/src/components/charts/TimeChart.vue
@@ -50,9 +50,9 @@ const scroller = useScroller({
             >
                 <div
                     v-for="{ period, point, value }, index of data"
-                    @mouseover="currentIndex = index; currentValue = value"
                     class="bar"
                     :class="{ current: index === currentIndex }"
+                    @mouseover="currentIndex = index; currentValue = value"
                 >
                     <div
                         class="time-terminal start"
@@ -60,7 +60,7 @@ const scroller = useScroller({
                             marginTop: `calc(${height.value * period.startPos}${height.unit} - .3em)`,
                             backgroundColor: period.startColor
                         }"
-                    ></div>
+                    />
                     <div
                         v-if="period.endPos"
                         class="time-terminal end"
@@ -68,19 +68,22 @@ const scroller = useScroller({
                             marginTop: `calc(${height.value * period.endPos}${height.unit} - .3em)`,
                             backgroundColor: period.endColor
                         }"
-                    ></div>
+                    />
                     <div
                         class="point"
                         :style="{
                             marginTop: `calc(${height.value * point.pos}${height.unit} - .2em)`,
                             backgroundColor: point.color
                         }"
-                    ></div>
-                    <div class="axis"></div>
+                    />
+                    <div class="axis" />
                 </div>
             </div>
         </NyaScroller>
-        <slot name="current" :value="currentValue"></slot>
+        <slot
+            name="current"
+            :value="currentValue"
+        />
     </div>
 </template>
 
diff --git a/frontend/src/components/config/ConfigItem.vue b/frontend/src/components/config/ConfigItem.vue
index 973ebff..689f6d3 100644
--- a/frontend/src/components/config/ConfigItem.vue
+++ b/frontend/src/components/config/ConfigItem.vue
@@ -23,7 +23,9 @@ const value = computed({
 
 <template>
     <div class="config-item">
-        <div class="config-title">{{ schema.meta.description }}</div>
+        <div class="config-title">
+            {{ schema.meta.description }}
+        </div>
         <div class="config-form">
             <div v-if="schema.type === 'union'">
                 <template v-for="item of schema.list">
diff --git a/frontend/src/components/config/ConfigView.vue b/frontend/src/components/config/ConfigView.vue
index beca049..54bedbc 100644
--- a/frontend/src/components/config/ConfigView.vue
+++ b/frontend/src/components/config/ConfigView.vue
@@ -15,13 +15,17 @@ const configSections = groupBy(Object.entries(Config.dict!), ([, schema ]) => sc
 
 <template>
     <div class="config-list">
-        <div class="card" v-for="schemas, section in configSections">
+        <div
+            v-for="schemas, section in configSections"
+            class="card"
+        >
             <span>{{ section }}</span>
             <ConfigItem
                 v-for="[ id, schema ] of schemas"
+                :id="id"
+                :key="id"
                 v-model="config[id]"
                 :schema="schema"
-                :id="id"
             />
         </div>
     </div>
diff --git a/frontend/src/components/config/ShortcutItem.vue b/frontend/src/components/config/ShortcutItem.vue
index 5e78cc7..6b1b3d7 100644
--- a/frontend/src/components/config/ShortcutItem.vue
+++ b/frontend/src/components/config/ShortcutItem.vue
@@ -15,10 +15,10 @@ defineProps<{
 
         <kbd class="badge">{{
             (shortcut.key.meta ? 'Meta + ' : '') +
-            (shortcut.key.ctrl ? 'Ctrl + ' : '') +
-            (shortcut.key.alt ? 'Alt + ' : '') +
-            (shortcut.key.shift ? 'Shift + ' : '') +
-            shortcut.key.key
+                (shortcut.key.ctrl ? 'Ctrl + ' : '') +
+                (shortcut.key.alt ? 'Alt + ' : '') +
+                (shortcut.key.shift ? 'Shift + ' : '') +
+                shortcut.key.key
         }}</kbd>
     </div>
 </template>
diff --git a/frontend/src/components/notifications/Noti.vue b/frontend/src/components/notifications/Noti.vue
index a0cf9a5..6927693 100644
--- a/frontend/src/components/notifications/Noti.vue
+++ b/frontend/src/components/notifications/Noti.vue
@@ -71,7 +71,7 @@ const typeIcons: Record<Exclude<NotiType, 'charge'>, string> = {
         <span>
             {{ noti.content }}
             <template v-if="noti.actions">
-                <br />
+                <br>
                 <div
                     v-for="action of noti.actions"
                     class="noti-action badge"
@@ -90,7 +90,7 @@ const typeIcons: Record<Exclude<NotiType, 'charge'>, string> = {
                 v-if="noti.type !== 'charge'"
                 class="noti-lasting-inner"
                 @animationend="onAnimationEnd"
-            ></div>
+            />
         </div>
     </div>
 </template>
diff --git a/frontend/src/components/transitions/ListTransitionGroup.vue b/frontend/src/components/transitions/ListTransitionGroup.vue
index 4435c56..c05c4d5 100644
--- a/frontend/src/components/transitions/ListTransitionGroup.vue
+++ b/frontend/src/components/transitions/ListTransitionGroup.vue
@@ -1,6 +1,9 @@
 <template>
-    <TransitionGroup name="list" tag="div">
-        <slot></slot>
+    <TransitionGroup
+        name="list"
+        tag="div"
+    >
+        <slot />
     </TransitionGroup>
 </template>
 
diff --git a/frontend/src/components/views/AboutView.vue b/frontend/src/components/views/AboutView.vue
index 5707817..e1b3364 100644
--- a/frontend/src/components/views/AboutView.vue
+++ b/frontend/src/components/views/AboutView.vue
@@ -10,18 +10,24 @@ const repoName = import.meta.env.VITE_REPO_NAME || 'ForkKILLET/NyaDict'
 </script>
 
 <template>
-     <div class="card content">
+    <div class="card content">
         <NyaTitle />
 
         Build at <NyaDate :date="buildTime" /> on <span class="order">{{ buildEnv }}</span>
-        by <a href="https://github.com/ForkKILLET" target="_blank">ForkKILLET</a> with <span class="love">&lt;3</span>
+        by <a
+            href="https://github.com/ForkKILLET"
+            target="_blank"
+        >ForkKILLET</a> with <span class="love">&lt;3</span>
         
         <div class="last-commit barber">
-            <a :href="`https://github.com/${repoName}/commit/${lastCommitHash}`" target="_blank">
+            <a
+                :href="`https://github.com/${repoName}/commit/${lastCommitHash}`"
+                target="_blank"
+            >
                 <span class="order">#{{ lastCommitHash }}</span>
             </a> {{ lastCommitMsg }}
         </div>
-     </div>
+    </div>
 </template>
 
 <style scoped>
diff --git a/frontend/src/components/views/ArchiveEditionTreeView.vue b/frontend/src/components/views/ArchiveEditionTreeView.vue
index a5e86ed..debef14 100644
--- a/frontend/src/components/views/ArchiveEditionTreeView.vue
+++ b/frontend/src/components/views/ArchiveEditionTreeView.vue
@@ -12,6 +12,7 @@ const archiveStore = useArchive()
 const archiveId = computed(() => {
     const { id } = route.query
     if (id && typeof id === 'string') return id
+    return undefined
 })
 
 const isRemote = computed(() =>
@@ -38,7 +39,10 @@ onMounted(() => {
                 v-for="edition, index of [ ...archiveInfo.editionChain ].reverse()"
             >
                 <ArchiveEdition :edition="edition">
-                    <span v-if="index === 0" class="edition-pointer">
+                    <span
+                        v-if="index === 0"
+                        class="edition-pointer"
+                    >
                         <fa-icon icon="arrow-left" />
                         {{ isRemote ? 'リモート' : 'ローカル' }}
                     </span>
diff --git a/frontend/src/components/views/AutomationView.vue b/frontend/src/components/views/AutomationView.vue
index b5643ac..28cae2f 100644
--- a/frontend/src/components/views/AutomationView.vue
+++ b/frontend/src/components/views/AutomationView.vue
@@ -3,10 +3,10 @@ import { ref } from 'vue'
 
 import { storeRef } from '@util/storage'
 import { useNyatalk } from '@util/nyatalk/reactivity'
-import NtParseError from '@util/nyatalk/components/NtParseError.vue';
-import NtAst from '@util/nyatalk/components/NtAst.vue';
-import NyaTab from '@comp/NyaTab.vue';
-import { stringify } from '@util/nyatalk';
+import NtParseError from '@util/nyatalk/components/NtParseError.vue'
+import NtAst from '@util/nyatalk/components/NtAst.vue'
+import NyaTab from '@comp/NyaTab.vue'
+import { stringify } from '@util/nyatalk'
 
 const code = storeRef('nyatalkCode', '')
 
@@ -27,7 +27,7 @@ const {
             NyaTalk
 
             <div class="editor">
-                <textarea v-model="code"></textarea>
+                <textarea v-model="code" />
             </div>
         </div>
 
@@ -39,10 +39,12 @@ const {
                 <NtParseError :error="ntError" />
             </template>
             <template v-else-if="ntParseResult.state === 'success'">
-                <NyaTab :tabs="[
-                    { name: 'ast', title: 'AST' },
-                    { name: 'stringify', title: '逆解析' }
-                ]">
+                <NyaTab
+                    :tabs="[
+                        { name: 'ast', title: 'AST' },
+                        { name: 'stringify', title: '逆解析' }
+                    ]"
+                >
                     <template #ast>
                         <NtAst :ast="ntParseResult.ast" />
                     </template>
diff --git a/frontend/src/components/views/DebugView.vue b/frontend/src/components/views/DebugView.vue
index 984c017..db06f20 100644
--- a/frontend/src/components/views/DebugView.vue
+++ b/frontend/src/components/views/DebugView.vue
@@ -78,35 +78,48 @@ const addManyWords = () => {
 <template>
     <div class="content">
         <div>
-            <textarea v-model="json" spellcheck="false"></textarea>
+            <textarea
+                v-model="json"
+                spellcheck="false"
+            />
 
             <button
                 class="inline card deep"
                 @click="json = json5Stringify(archiveStore.exportArchive(), '&quot;')"
-            >load</button>
+            >
+                load
+            </button>
             <button
                 class="inline card deep"
                 @click="archiveStore.importArchive(archiveStore.currentId, json5Parse(json))"
-            >save</button>
+            >
+                save
+            </button>
             <button
                 class="inline card deep"
                 @click="optimizeArchive"
-            >optimize / fix</button>
+            >
+                optimize / fix
+            </button>
         </div>
 
         <div>
-            <textarea v-model="wordsText"></textarea>
+            <textarea v-model="wordsText" />
             <button
                 class="inline card deep"
                 @click="addManyWords"
-            >add many words</button>
+            >
+                add many words
+            </button>
         </div>
 
         <div>
             <button
                 class="inline card deep"
                 @click="notif.addNoti({ content: '' + Math.random(), type: 'info' })"
-            >noti</button>
+            >
+                noti
+            </button>
             <LongPressButton
                 icon="eye"
                 color="var(--color-fg)"
@@ -120,7 +133,9 @@ const addManyWords = () => {
             <button
                 class="inline card deep"
                 @click="genGraph"
-            >gen graph</button>
+            >
+                gen graph
+            </button>
         </div>
     </div>
 </template>
diff --git a/frontend/src/components/views/HomeView.vue b/frontend/src/components/views/HomeView.vue
index 0abe03c..9a81c26 100644
--- a/frontend/src/components/views/HomeView.vue
+++ b/frontend/src/components/views/HomeView.vue
@@ -12,11 +12,13 @@ import NyaTitle from '@comp/NyaTitle.vue'
         <p class="links">
             <template v-for="route, index of routes.filter(route => route.display)">
                 <template v-if="index">
-                    <br v-if="isPortrait && index % 4 === 0" />
-                    <template v-else>・</template>
+                    <br v-if="isPortrait && index % 4 === 0">
+                    <template v-else>
+                        ・
+                    </template>
                 </template>
                 <span v-if="route.display">
-                    <fa-icon :icon="route.display.icon" />{{' '}}
+                    <fa-icon :icon="route.display.icon" />{{ ' ' }}
                     <RouterLink :to="route.path">{{ route.display.info }}</RouterLink>
                 </span>
             </template>
diff --git a/frontend/src/components/views/SettingsView.vue b/frontend/src/components/views/SettingsView.vue
index 0f525f4..1033853 100644
--- a/frontend/src/components/views/SettingsView.vue
+++ b/frontend/src/components/views/SettingsView.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import ConfigView from '@comp/config/ConfigView.vue';
+import ConfigView from '@comp/config/ConfigView.vue'
 </script>
 
 <template>
diff --git a/frontend/src/components/views/SignInView.vue b/frontend/src/components/views/SignInView.vue
index 3de5259..7882ffd 100644
--- a/frontend/src/components/views/SignInView.vue
+++ b/frontend/src/components/views/SignInView.vue
@@ -39,22 +39,28 @@ const submit = async () => {
         :pending="pending"
     >
         <div class="item">
-            <fa-icon icon="user-circle" :fixed-width="true" />
+            <fa-icon
+                icon="user-circle"
+                :fixed-width="true"
+            />
             <input
                 v-model="username"
                 type="text"
                 placeholder="ユーザー名"
                 class="card light"
-            />
+            >
         </div>
         <div class="item">
-            <fa-icon icon="lock" :fixed-width="true" />
+            <fa-icon
+                icon="lock"
+                :fixed-width="true"
+            />
             <input
                 v-model="password"
                 type="password"
                 placeholder="パスワード"
                 class="card light"
-            />
+            >
         </div>
     </ActionPanel>
 </template>
diff --git a/frontend/src/components/views/SignUpView.vue b/frontend/src/components/views/SignUpView.vue
index 344975a..8851b88 100644
--- a/frontend/src/components/views/SignUpView.vue
+++ b/frontend/src/components/views/SignUpView.vue
@@ -43,31 +43,40 @@ const submit = async () => {
         :pending="pending"
     >
         <div class="item">
-            <fa-icon icon="user-circle" :fixed-width="true" />
+            <fa-icon
+                icon="user-circle"
+                :fixed-width="true"
+            />
             <input
                 v-model="username"
                 type="text"
                 placeholder="ユーザー名"
                 class="card light"
-            />
+            >
         </div>
         <div class="item">
-            <fa-icon icon="lock" :fixed-width="true" />
+            <fa-icon
+                icon="lock"
+                :fixed-width="true"
+            />
             <input
                 v-model="password"
                 type="password"
                 placeholder="パスワード"
                 class="card light"
-            />
+            >
         </div>
         <div class="item">
-            <fa-icon icon="gift" :fixed-width="true" />
+            <fa-icon
+                icon="gift"
+                :fixed-width="true"
+            />
             <input
                 v-model="invitationCode"
                 type="text"
                 placeholder="招待コード"
                 class="card light"
-            />
+            >
         </div>
     </ActionPanel>
 </template>
diff --git a/frontend/src/components/views/StatisticsView.vue b/frontend/src/components/views/StatisticsView.vue
index 8c64431..4f7284c 100644
--- a/frontend/src/components/views/StatisticsView.vue
+++ b/frontend/src/components/views/StatisticsView.vue
@@ -148,7 +148,10 @@ const data = {
             :data="data.easiness"
         >
             <template #default="{ data: { data }, actionsEl }">
-                <PieChart :data="data" :actions-el="actionsEl" />
+                <PieChart
+                    :data="data"
+                    :actions-el="actionsEl"
+                />
             </template>
         </StatisticsItem>
 
@@ -157,7 +160,10 @@ const data = {
             :data="data.testAfter"
         >
             <template #default="{ data: { data }, actionsEl }">
-                <PieChart :data="data" :actions-el="actionsEl" />
+                <PieChart
+                    :data="data"
+                    :actions-el="actionsEl"
+                />
             </template>
         </StatisticsItem>
 
@@ -190,12 +196,21 @@ const data = {
             :data="data.testInfo"
         >
             <template #default="{ data: { data } }">
-                <TimeChart :data="data" :height="{ value: 6, unit: 'em' }">
+                <TimeChart
+                    :data="data"
+                    :height="{ value: 6, unit: 'em' }"
+                >
                     <template #current="{ value }">
                         <small v-if="value">
                             <span class="id">{{ value.test.id }}</span>&nbsp;
-                            <NyaDate :date="value.test.createTime" format="hh:mm:ss" /> から
-                            <NyaDate :date="value.test.lockTime!" format="hh:mm:ss" /> まで、
+                            <NyaDate
+                                :date="value.test.createTime"
+                                format="hh:mm:ss"
+                            /> から
+                            <NyaDate
+                                :date="value.test.lockTime!"
+                                format="hh:mm:ss"
+                            /> まで、
                             ACC [<span class="number">{{ (value.acc * 100).toFixed(2) }}%</span>]
                         </small>
                     </template>
diff --git a/frontend/src/components/views/TestCreateView.vue b/frontend/src/components/views/TestCreateView.vue
index 9d2f2a1..6c07c42 100644
--- a/frontend/src/components/views/TestCreateView.vue
+++ b/frontend/src/components/views/TestCreateView.vue
@@ -69,7 +69,8 @@ const createTest = () => {
         <h2>テスト設定</h2>
         <div>
             <p>テスト・モード</p>
-            <button v-for="info, mode in testModeInfo"
+            <button
+                v-for="info, mode in testModeInfo"
                 class="inline w1 card"
                 :class="{ active: testMode === + mode }"
                 @click="testMode = + mode"
@@ -79,18 +80,24 @@ const createTest = () => {
         </div>
         <div>
             <p>フィルタ</p>
-            <NyaCheckbox v-model="preferUntested">未テスト優先</NyaCheckbox>
+            <NyaCheckbox v-model="preferUntested">
+                未テスト優先
+            </NyaCheckbox>
         </div>
         <div>
             <p>単語数</p>
-            <p>（今 <span class="number">{{ testableWords.length }}</span>
-            個の単語がテストできます。）</p>
+            <p>
+                （今 <span class="number">{{ testableWords.length }}</span>
+                個の単語がテストできます。）
+            </p>
             <input
                 v-model="testSize"
-                type="number" min="0" :max="testableWords.length"
+                type="number"
+                min="0"
+                :max="testableWords.length"
                 placeholder="単語数"
                 class="w1 card center"
-            />
+            >
         </div>
         <div>
             <button
@@ -98,7 +105,10 @@ const createTest = () => {
                 :disabled="! ableToCreateTest"
                 @click="createTest"
             >
-                <fa-icon icon="arrow-right" class="button no-animation" />
+                <fa-icon
+                    icon="arrow-right"
+                    class="button no-animation"
+                />
             </button>
         </div>
     </div>
diff --git a/frontend/src/components/views/TestGoView.vue b/frontend/src/components/views/TestGoView.vue
index 1433058..c43eb1b 100644
--- a/frontend/src/components/views/TestGoView.vue
+++ b/frontend/src/components/views/TestGoView.vue
@@ -16,7 +16,6 @@ import WordDetail from '@comp/WordDetail.vue'
 import WordDocument from '@comp/WordDocument.vue'
 
 import { DocumentKind, TestMode, type ICorrect } from '@type'
-import { IWord } from '@type'
 
 const router = useRouter()
 
@@ -105,21 +104,26 @@ const endTest = () => {
 </script>
 
 <template>
-    <div v-if="ongoingTest && testSize" class="content">
+    <div
+        v-if="ongoingTest && testSize"
+        class="content"
+    >
         <span class="test-progress-message">
             <fa-icon
                 v-if="! ongoingTest.locked"
-                @click="navigateTestedWord(- 1)"
-                icon="circle-arrow-left" class="button"
+                icon="circle-arrow-left"
+                class="button"
                 :class="{ disabled: ongoingTest.currentIndex === 0 }"
+                @click="navigateTestedWord(- 1)"
             />
             <span class="order">{{ ongoingTest.currentIndex }}</span> /
             <span class="order">{{ testSize }}</span>
             <fa-icon
                 v-if="! ongoingTest.locked"
-                @click="navigateTestedWord(+ 1)"
-                icon="circle-arrow-right" class="button"
+                icon="circle-arrow-right"
+                class="button"
                 :class="{ disabled: ongoingTest.currentIndex >= ongoingTest.maxIndex }"
+                @click="navigateTestedWord(+ 1)"
             />
         </span>
         <div
@@ -132,14 +136,15 @@ const endTest = () => {
             >
                 <div
                     v-for="corr, index of ongoingTest.corrs"
-                    @mouseover="hoveringWordIndex = index"
-                    @click="navigateTestedWord(index - ongoingTest.currentIndex)"
+                    :key="index"
                     :style="{
                         width: (100 / testSize) + 'vw',
                         backgroundColor: `var(--color-${getCorrName(corr)})`
                     }"
                     class="test-progress-corr"
-                ></div>
+                    @mouseover="hoveringWordIndex = index"
+                    @click="navigateTestedWord(index - ongoingTest.currentIndex)"
+                />
                 <Word
                     v-if="hoveringWord"
                     :word="hoveringWord"
@@ -159,10 +164,13 @@ const endTest = () => {
                 v-else
                 class="test-progress-inner"
                 :style="{ width: (100 / testSize * ongoingTest.currentIndex) + 'vw' }"
-            ></div>
+            />
         </div>
 
-        <div v-if="testCompleted" class="completed-area">
+        <div
+            v-if="testCompleted"
+            class="completed-area"
+        >
             <h2>テスト・クリヤー！</h2>
             <p>
                 <Correctness
@@ -177,17 +185,24 @@ const endTest = () => {
                     class="inline card"
                     @click="endTest"
                 >
-                    <fa-icon icon="arrow-right" class="button no-animation" />
+                    <fa-icon
+                        icon="arrow-right"
+                        class="button no-animation"
+                    />
                 </button>
             </p>
         </div>
-        <div v-else-if="! showAnswer && currentWord" class="test-area scroll-y">
+        <div
+            v-else-if="! showAnswer && currentWord"
+            class="test-area scroll-y"
+        >
             <div class="question">
                 <span v-if="ongoingTest.mode === TestMode.Disp">{{ currentWord.disp }}</span>
                 <span v-else-if="ongoingTest.mode === TestMode.Sub">{{ currentWord.sub }}</span>
                 <template v-else-if="ongoingTest.mode === TestMode.Meaning">
                     <WordDocument
                         v-for="doc of currentWord.docs!.filter(doc => doc.kind === DocumentKind.Meaning)"
+                        :key="doc.id"
                         :word="currentWord"
                         :doc="doc"
                         :hide-self="true"
@@ -203,16 +218,25 @@ const endTest = () => {
                 </button>
             </p>
         </div>
-        <div v-else-if="currentWord" class="test-area scroll-y">
+        <div
+            v-else-if="currentWord"
+            class="test-area scroll-y"
+        >
             <div class="answer">
-                <Word class="inline" :word="currentWord" />
+                <Word
+                    class="inline"
+                    :word="currentWord"
+                />
             </div>
             <p class="corr-chooser">
                 <button
                     class="inline w1 card"
                     @click="nextWord(1)"
                 >
-                    <fa-icon icon="check-circle" class="correct" />
+                    <fa-icon
+                        icon="check-circle"
+                        class="correct"
+                    />
                 </button>
                 <button
                     class="inline w1 card"
@@ -224,7 +248,10 @@ const endTest = () => {
                     class="inline w1 card"
                     @click="nextWord(0)"
                 >
-                    <fa-icon icon="times-circle" class="wrong" />
+                    <fa-icon
+                        icon="times-circle"
+                        class="wrong"
+                    />
                 </button>
             </p>
             <WordDetail
@@ -234,7 +261,10 @@ const endTest = () => {
         </div>
         <div v-else>
             <p>単語は見つかりません。</p>
-            <button class="inline w1 card" @click="nextWord(1)">
+            <button
+                class="inline w1 card"
+                @click="nextWord(1)"
+            >
                 <fa-icon icon="arrow-right" />
             </button>
         </div>
diff --git a/frontend/src/components/views/WordsView.vue b/frontend/src/components/views/WordsView.vue
index 3dd65e4..cfe7711 100644
--- a/frontend/src/components/views/WordsView.vue
+++ b/frontend/src/components/views/WordsView.vue
@@ -22,7 +22,7 @@ import type { IWord } from '@type'
 
 // Toolbar
 
-type ToolbarMode = 'add' | 'sort' | 'filter'
+type ToolbarMode = 'add' | 'sort' | 'filter' | 'history'
 const toolbarMode = ref<ToolbarMode | null>(null)
 const changeToolbarMode = (mode: ToolbarMode) => {
     toolbarMode.value = toolbarMode.value === mode ? null : mode
@@ -31,7 +31,7 @@ const changeToolbarMode = (mode: ToolbarMode) => {
 }
 type ToolbarConfigItem = {
     icon: string | Ref<string>
-    component: Component
+    component?: Component
     action?: (item: ToolbarConfigItem) => void
 }
 const toolbarConfig: Record<ToolbarMode, ToolbarConfigItem> = {
@@ -46,6 +46,10 @@ const toolbarConfig: Record<ToolbarMode, ToolbarConfigItem> = {
     filter: {
         icon: 'filter',
         component: WordFilter
+    },
+    history: {
+        icon: '',
+
     }
 }
 
@@ -156,37 +160,49 @@ registerShortcuts([
 </script>
 
 <template>
-    <div class="content scroll-x" ref="contentEl">
+    <div
+        ref="contentEl"
+        class="content scroll-x"
+    >
         <div class="left">
             <div class="glowing toolbar">
                 <div class="toolbar-nav">
                     <fa-icon
                         v-for="conf, mode of toolbarConfig"
-                        @click="changeToolbarMode(mode)"
+                        :key="mode"
                         class="button"
                         :icon="conf.icon"
+                        @click="changeToolbarMode(mode)"
                     />
                 </div>
-                <div class="toolbar-main" v-show="toolbarMode">
-                    <component
+                <div
+                    v-show="toolbarMode"
+                    class="toolbar-main"
+                >
+                    <template
                         v-for="conf, mode of toolbarConfig"
-                        v-show="mode === toolbarMode"
-                        :is="conf.component"
-                    />
+                    >
+                        <component
+                            :is="conf.component"
+                            v-if="conf.component"
+                            v-show="mode === toolbarMode"
+                            :key="mode"
+                        />
+                    </template>
                 </div>
             </div>
             <WordList
                 v-if="sortedWords"
-                @goto-word="gotoWord"
+                class="scroll-y"
                 :active-word-id="currentWord?.id"
                 :words="sortedWords"
-                class="scroll-y"
+                @goto-word="gotoWord"
             />
         </div>
         <WordDetail
             v-if="currentWord"
-            :word="currentWord"
             class="right scroll-y"
+            :word="currentWord"
         />
         <WordNavigator />
     </div>
diff --git a/frontend/src/stores/config.ts b/frontend/src/stores/config.ts
index 3154963..332710a 100644
--- a/frontend/src/stores/config.ts
+++ b/frontend/src/stores/config.ts
@@ -4,8 +4,9 @@ import Schema from 'schemastery'
 import { storeReactive } from '@util/storage'
 
 declare global {
+    // eslint-disable-next-line @typescript-eslint/no-namespace
     namespace Schemastery {
-        interface Meta<T> {
+        interface Meta {
             section: string
             icon: string
             listStyle: 'icon' | 'text'
diff --git a/frontend/src/stores/modal.ts b/frontend/src/stores/modal.ts
index 50d152e..db4fe8a 100644
--- a/frontend/src/stores/modal.ts
+++ b/frontend/src/stores/modal.ts
@@ -3,7 +3,7 @@ import { ref, type Component, shallowRef } from 'vue'
 
 export const useModal = defineStore('modal', () => {
     const component = shallowRef<Component>()
-    const ownerToken = ref<Symbol>()
+    const ownerToken = ref<symbol>()
 
     const open = (comp: Component) => {
         if (component.value) return null
diff --git a/frontend/src/stores/wordGraph.ts b/frontend/src/stores/wordGraph.ts
index b41c19f..134365e 100644
--- a/frontend/src/stores/wordGraph.ts
+++ b/frontend/src/stores/wordGraph.ts
@@ -1,4 +1,4 @@
-import { reactive, ref, watch } from 'vue'
+import { reactive, ref } from 'vue'
 import { defineStore } from 'pinia'
 import * as d3 from 'd3-force'
 
diff --git a/frontend/src/stores/words.ts b/frontend/src/stores/words.ts
index cd27584..e10acfe 100644
--- a/frontend/src/stores/words.ts
+++ b/frontend/src/stores/words.ts
@@ -1,4 +1,4 @@
-import { computed, ref, type Ref } from 'vue'
+import { ref, type Ref } from 'vue'
 import { defineStore } from 'pinia' 
 import { toHiragana, isHiragana} from 'wanakana'
 import { useArchive } from '@store/archive'
diff --git a/frontend/src/utils/nyatalk/components/NtAst.vue b/frontend/src/utils/nyatalk/components/NtAst.vue
index 2fe5d7a..42e61c3 100644
--- a/frontend/src/utils/nyatalk/components/NtAst.vue
+++ b/frontend/src/utils/nyatalk/components/NtAst.vue
@@ -13,19 +13,29 @@ const folded = ref(false)
 
 <template>
     <div>
-        <div @click="folded = ! folded" class="ast-type">
+        <div
+            class="ast-type"
+            @click="folded = ! folded"
+        >
             <fa-icon
                 :icon="folded ? 'plus' : 'minus'"
             /> {{ ast.type.toUpperCase() }}
         </div>
-        <div v-show="! folded" class="ast-indent">
+        <div
+            v-show="! folded"
+            class="ast-indent"
+        >
             <template v-if="ast.type === 'call'">
                 <NtAstProp prop="FuncName">
                     <span class="ast-symbol">{{ printFuncName(ast.funcName) }}</span>
                 </NtAstProp>
                 <NtAstProp prop="Args">
                     <div class="ast-indent">
-                        <NtAst v-for="arg of ast.args" :ast="arg" />
+                        <NtAst
+                            v-for="arg, index of ast.args"
+                            :key="index"
+                            :ast="arg"
+                        />
                     </div>
                 </NtAstProp>
                 <NtAstProp prop="Signature">
diff --git a/frontend/src/utils/nyatalk/components/NtAstProp.vue b/frontend/src/utils/nyatalk/components/NtAstProp.vue
index 1b1697f..9efcb80 100644
--- a/frontend/src/utils/nyatalk/components/NtAstProp.vue
+++ b/frontend/src/utils/nyatalk/components/NtAstProp.vue
@@ -7,6 +7,6 @@ defineProps<{
 <template>
     <div class="ast-prop">
         <span class="ast-prop-key">[{{ prop }}] </span>
-        <slot></slot>
+        <slot />
     </div>
 </template>
diff --git a/frontend/src/utils/nyatalk/components/NtParseError.vue b/frontend/src/utils/nyatalk/components/NtParseError.vue
index 740d8e1..91c974b 100644
--- a/frontend/src/utils/nyatalk/components/NtParseError.vue
+++ b/frontend/src/utils/nyatalk/components/NtParseError.vue
@@ -7,7 +7,10 @@ defineProps<{
 </script>
 
 <template>
-    <pre class="nt-error scroll-x" v-if="error">{{
+    <pre
+        v-if="error"
+        class="nt-error scroll-x"
+    >{{
         error.name + ': ' + error.message
     }}</pre>
 </template>
diff --git a/frontend/src/utils/nyatalk/functions.ts b/frontend/src/utils/nyatalk/functions.ts
index 239090a..ce77d71 100644
--- a/frontend/src/utils/nyatalk/functions.ts
+++ b/frontend/src/utils/nyatalk/functions.ts
@@ -146,7 +146,7 @@ export const funcDefs = {
     true: _constFunc('Boolean', true),
     false: _constFunc('Boolean', false),
 
-    now: _ctxConstFunc('Date', _ => dayjs()),
+    now: _ctxConstFunc('Date', () => dayjs()),
 
     ..._compareFuncs([
         [ 'Number', (a: number, b: number) => a - b ],
@@ -263,7 +263,7 @@ export const funcDefs = {
                 if (index < 0) return false
                 const corr = test.corrs[index]
                 if (corr === undefined) return false
-                return corr >= maxCorr
+                return corr <= maxCorr
             }
         ]
     ]),
diff --git a/frontend/src/utils/nyatalk/index.ts b/frontend/src/utils/nyatalk/index.ts
index 8712094..4cbc608 100644
--- a/frontend/src/utils/nyatalk/index.ts
+++ b/frontend/src/utils/nyatalk/index.ts
@@ -320,7 +320,7 @@ type INtParseTier = {
     endAt: ParseEndAt
 }
 
-type INtPostprocState = INtProcessState & {}
+type INtPostprocState = INtProcessState
 
 type INtAstOpTmp = 
     | INtAstCallInfixTmp
@@ -561,7 +561,7 @@ const _parse = (state: INtParseState, tier: INtParseTier): INtAstPre => {
                     })
                 }
                 break
-            case NtTokenType.LParen:
+            case NtTokenType.LParen: {
                 advance()
                 const expr = _parse(state, {
                     depth: tier.depth + 1,
@@ -569,6 +569,7 @@ const _parse = (state: INtParseState, tier: INtParseTier): INtAstPre => {
                 })
                 es.addExpr(expr)
                 break
+            }
             case NtTokenType.RParen:
                 if (tier.endAt === ParseEndAt.RParen) {
                     if (! es.root) throw expect('expression', token)
@@ -679,11 +680,12 @@ const _checkConstraint = (constraint: INtTypeConstraint, object: INtDataType): b
             return _isSameType(type, object)
         case 'func-head':
             return object.kind === 'function' && _isSameType(object.types[0], type)
-        case 'func-tail':
+        case 'func-tail': {
             if (object.kind !== 'function') return false
             const tail = object.types.slice(1)
             if (type.length !== tail.length) return false
             return tail.every((t, i) => _isSameType(t, type[i]))
+        }
     }
 }
 
@@ -825,13 +827,14 @@ export const stringify = (ast: INtAst): string => {
             return String(ast.value)
         case 'string':
             return escapeStr(ast.value)
-        case 'call':
+        case 'call': {
             const { args, funcName } = ast       
             return args.length
                 ? _isOperatorName(funcName)
                     ? `(${stringify(args[0])} ${funcName} ${stringify(args[1])})`
                     : `(${[ funcName, ...args.map(stringify) ].join(' ')})`
                 : ast.funcName
+        }
     }
 }
 
diff --git a/frontend/src/utils/storage.ts b/frontend/src/utils/storage.ts
index 228d194..72f4e2a 100644
--- a/frontend/src/utils/storage.ts
+++ b/frontend/src/utils/storage.ts
@@ -92,7 +92,7 @@ export const storeArray = <T extends object, U>(key: string, options: {
             const removed = Array(deleteCount)
 
             for (let i = 0; i < deleteCount; i ++) {
-                const from = start + i;
+                const from = start + i
                 if (from in arr) removed[i] = arr[from]
             }
 
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 644e06c..23eff59 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -104,6 +104,9 @@ importers:
       '@fortawesome/vue-fontawesome':
         specifier: ^3.0.3
         version: 3.0.3(@fortawesome/fontawesome-svg-core@6.4.2)(vue@3.3.4)
+      '@typescript-eslint/parser':
+        specifier: ^5.62.0
+        version: 5.62.0(eslint@8.51.0)(typescript@5.2.2)
       '@vueuse/components':
         specifier: ^10.5.0
         version: 10.5.0(vue@3.3.4)
@@ -122,6 +125,9 @@ importers:
       dayjs:
         specifier: ^1.11.10
         version: 1.11.10
+      eslint-plugin-vue:
+        specifier: ^9.19.2
+        version: 9.19.2(eslint@8.51.0)
       json5:
         specifier: ^2.2.3
         version: 2.2.3
@@ -159,12 +165,21 @@ importers:
       '@types/wanakana':
         specifier: ^4.0.4
         version: 4.0.4
+      '@typescript-eslint/eslint-plugin':
+        specifier: ^5.62.0
+        version: 5.62.0(@typescript-eslint/parser@5.62.0)(eslint@8.51.0)(typescript@5.2.2)
       '@vitejs/plugin-vue':
         specifier: ^4.4.0
         version: 4.4.0(vite@4.4.11)(vue@3.3.4)
+      '@vue/eslint-config-typescript':
+        specifier: ^12.0.0
+        version: 12.0.0(eslint-plugin-vue@9.19.2)(eslint@8.51.0)(typescript@5.2.2)
       '@vue/runtime-core':
         specifier: ^3.3.4
         version: 3.3.4
+      eslint:
+        specifier: ^8.51.0
+        version: 8.51.0
       typescript:
         specifier: ^5.2.2
         version: 5.2.2
@@ -210,7 +225,6 @@ packages:
   /@aashutoshrathi/word-wrap@1.2.6:
     resolution: {integrity: sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==}
     engines: {node: '>=0.10.0'}
-    dev: true
 
   /@angular-devkit/core@16.0.1(chokidar@3.5.3):
     resolution: {integrity: sha512-2uz98IqkKJlgnHbWQ7VeL4pb+snGAZXIama2KXi+k9GsRntdcw+udX8rL3G9SdUGUF+m6+147Y1oRBMHsO/v4w==}
@@ -517,12 +531,10 @@ packages:
     dependencies:
       eslint: 8.51.0
       eslint-visitor-keys: 3.4.3
-    dev: true
 
   /@eslint-community/regexpp@4.9.1:
     resolution: {integrity: sha512-Y27x+MBLjXa+0JWDhykM3+JE+il3kHKAEqabfEWq3SDhZjLYb6/BHL/JKFnH3fe207JaXkyDo685Oc2Glt6ifA==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
-    dev: true
 
   /@eslint/eslintrc@2.1.2:
     resolution: {integrity: sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==}
@@ -539,12 +551,10 @@ packages:
       strip-json-comments: 3.1.1
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
   /@eslint/js@8.51.0:
     resolution: {integrity: sha512-HxjQ8Qn+4SI3/AFv6sOrDB+g6PpUTDwSJiQqOrnneEk8L71161srI9gjzzZvYVbzHiVg/BvcH95+cK/zfIt4pg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dev: true
 
   /@fastify/ajv-compiler@3.5.0:
     resolution: {integrity: sha512-ebbEtlI7dxXF5ziNdr05mOY8NnDiPB1XvAlLHctRt/Rc+C3LCOVW5imUVX+mhvUhnNzmPBHewUkOFgGlCxgdAA==}
@@ -632,16 +642,13 @@ packages:
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
   /@humanwhocodes/module-importer@1.0.1:
     resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
     engines: {node: '>=12.22'}
-    dev: true
 
   /@humanwhocodes/object-schema@2.0.0:
     resolution: {integrity: sha512-9S9QrXY2K0L4AGDcSgTi9vgiCcG8VcBv4Mp7/1hDPYoswIy6Z6KO5blYto82BT8M0MZNRWmCFLpCs3HlpYGGdw==}
-    dev: true
 
   /@jridgewell/gen-mapping@0.3.3:
     resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==}
@@ -884,12 +891,10 @@ packages:
     dependencies:
       '@nodelib/fs.stat': 2.0.5
       run-parallel: 1.2.0
-    dev: true
 
   /@nodelib/fs.stat@2.0.5:
     resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
     engines: {node: '>= 8'}
-    dev: true
 
   /@nodelib/fs.walk@1.2.8:
     resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
@@ -897,7 +902,6 @@ packages:
     dependencies:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.15.0
-    dev: true
 
   /@nuxtjs/opencollective@0.3.2:
     resolution: {integrity: sha512-um0xL3fO7Mf4fDxcqx9KryrB7zgRM5JSlvGN5AGkP6JLM5XEKyjeAiPbNxdXVXQ16isuAhYpvP88NgL2BGd6aA==}
@@ -1053,6 +1057,35 @@ packages:
       - supports-color
     dev: true
 
+  /@typescript-eslint/eslint-plugin@6.13.2(@typescript-eslint/parser@6.13.2)(eslint@8.51.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-3+9OGAWHhk4O1LlcwLBONbdXsAhLjyCFogJY/cWy2lxdVJ2JrcTF2pTGMaLl2AE7U1l31n8Py4a8bx5DLf/0dQ==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@eslint-community/regexpp': 4.9.1
+      '@typescript-eslint/parser': 6.13.2(eslint@8.51.0)(typescript@5.2.2)
+      '@typescript-eslint/scope-manager': 6.13.2
+      '@typescript-eslint/type-utils': 6.13.2(eslint@8.51.0)(typescript@5.2.2)
+      '@typescript-eslint/utils': 6.13.2(eslint@8.51.0)(typescript@5.2.2)
+      '@typescript-eslint/visitor-keys': 6.13.2
+      debug: 4.3.4
+      eslint: 8.51.0
+      graphemer: 1.4.0
+      ignore: 5.2.4
+      natural-compare: 1.4.0
+      semver: 7.5.4
+      ts-api-utils: 1.0.3(typescript@5.2.2)
+      typescript: 5.2.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /@typescript-eslint/parser@5.62.0(eslint@8.51.0)(typescript@5.2.2):
     resolution: {integrity: sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -1071,6 +1104,26 @@ packages:
       typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
+
+  /@typescript-eslint/parser@6.13.2(eslint@8.51.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-MUkcC+7Wt/QOGeVlM8aGGJZy1XV5YKjTpq9jK6r6/iLsGXhBVaGP5N0UYvFsu9BFlSpwY9kMretzdBH01rkRXg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/scope-manager': 6.13.2
+      '@typescript-eslint/types': 6.13.2
+      '@typescript-eslint/typescript-estree': 6.13.2(typescript@5.2.2)
+      '@typescript-eslint/visitor-keys': 6.13.2
+      debug: 4.3.4
+      eslint: 8.51.0
+      typescript: 5.2.2
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
   /@typescript-eslint/scope-manager@5.62.0:
@@ -1079,6 +1132,13 @@ packages:
     dependencies:
       '@typescript-eslint/types': 5.62.0
       '@typescript-eslint/visitor-keys': 5.62.0
+
+  /@typescript-eslint/scope-manager@6.13.2:
+    resolution: {integrity: sha512-CXQA0xo7z6x13FeDYCgBkjWzNqzBn8RXaE3QVQVIUm74fWJLkJkaHmHdKStrxQllGh6Q4eUGyNpMe0b1hMkXFA==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dependencies:
+      '@typescript-eslint/types': 6.13.2
+      '@typescript-eslint/visitor-keys': 6.13.2
     dev: true
 
   /@typescript-eslint/type-utils@5.62.0(eslint@8.51.0)(typescript@5.2.2):
@@ -1101,9 +1161,33 @@ packages:
       - supports-color
     dev: true
 
+  /@typescript-eslint/type-utils@6.13.2(eslint@8.51.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-Qr6ssS1GFongzH2qfnWKkAQmMUyZSyOr0W54nZNU1MDfo+U4Mv3XveeLZzadc/yq8iYhQZHYT+eoXJqnACM1tw==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/typescript-estree': 6.13.2(typescript@5.2.2)
+      '@typescript-eslint/utils': 6.13.2(eslint@8.51.0)(typescript@5.2.2)
+      debug: 4.3.4
+      eslint: 8.51.0
+      ts-api-utils: 1.0.3(typescript@5.2.2)
+      typescript: 5.2.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /@typescript-eslint/types@5.62.0:
     resolution: {integrity: sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  /@typescript-eslint/types@6.13.2:
+    resolution: {integrity: sha512-7sxbQ+EMRubQc3wTfTsycgYpSujyVbI1xw+3UMRUcrhSy+pN09y/lWzeKDbvhoqcRbHdc+APLs/PWYi/cisLPg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
     dev: true
 
   /@typescript-eslint/typescript-estree@5.62.0(typescript@5.2.2):
@@ -1125,6 +1209,26 @@ packages:
       typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
+
+  /@typescript-eslint/typescript-estree@6.13.2(typescript@5.2.2):
+    resolution: {integrity: sha512-SuD8YLQv6WHnOEtKv8D6HZUzOub855cfPnPMKvdM/Bh1plv1f7Q/0iFUDLKKlxHcEstQnaUU4QZskgQq74t+3w==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/types': 6.13.2
+      '@typescript-eslint/visitor-keys': 6.13.2
+      debug: 4.3.4
+      globby: 11.1.0
+      is-glob: 4.0.3
+      semver: 7.5.4
+      ts-api-utils: 1.0.3(typescript@5.2.2)
+      typescript: 5.2.2
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
   /@typescript-eslint/utils@5.62.0(eslint@8.51.0)(typescript@5.2.2):
@@ -1147,12 +1251,38 @@ packages:
       - typescript
     dev: true
 
+  /@typescript-eslint/utils@6.13.2(eslint@8.51.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-b9Ptq4eAZUym4idijCRzl61oPCwwREcfDI8xGk751Vhzig5fFZR9CyzDz4Sp/nxSLBYxUPyh4QdIDqWykFhNmQ==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.51.0)
+      '@types/json-schema': 7.0.14
+      '@types/semver': 7.5.4
+      '@typescript-eslint/scope-manager': 6.13.2
+      '@typescript-eslint/types': 6.13.2
+      '@typescript-eslint/typescript-estree': 6.13.2(typescript@5.2.2)
+      eslint: 8.51.0
+      semver: 7.5.4
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
   /@typescript-eslint/visitor-keys@5.62.0:
     resolution: {integrity: sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       '@typescript-eslint/types': 5.62.0
       eslint-visitor-keys: 3.4.3
+
+  /@typescript-eslint/visitor-keys@6.13.2:
+    resolution: {integrity: sha512-OGznFs0eAQXJsp+xSd6k/O1UbFi/K/L7WjqeRoFE7vadjAF9y0uppXhYNQNEqygjou782maGClOoZwPqF0Drlw==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dependencies:
+      '@typescript-eslint/types': 6.13.2
+      eslint-visitor-keys: 3.4.3
     dev: true
 
   /@vitejs/plugin-vue@4.4.0(vite@4.4.11)(vue@3.3.4):
@@ -1222,6 +1352,27 @@ packages:
     resolution: {integrity: sha512-+KpckaAQyfbvshdDW5xQylLni1asvNSGme1JFs8I1+/H5pHEhqUKMEQD/qn3Nx5+/nycBq11qAEi8lk+LXI2dA==}
     dev: false
 
+  /@vue/eslint-config-typescript@12.0.0(eslint-plugin-vue@9.19.2)(eslint@8.51.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-StxLFet2Qe97T8+7L8pGlhYBBr8Eg05LPuTDVopQV6il+SK6qqom59BA/rcFipUef2jD8P2X44Vd8tMFytfvlg==}
+    engines: {node: ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.2.0 || ^7.0.0 || ^8.0.0
+      eslint-plugin-vue: ^9.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/eslint-plugin': 6.13.2(@typescript-eslint/parser@6.13.2)(eslint@8.51.0)(typescript@5.2.2)
+      '@typescript-eslint/parser': 6.13.2(eslint@8.51.0)(typescript@5.2.2)
+      eslint: 8.51.0
+      eslint-plugin-vue: 9.19.2(eslint@8.51.0)
+      typescript: 5.2.2
+      vue-eslint-parser: 9.3.2(eslint@8.51.0)
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /@vue/language-core@1.8.19(typescript@5.2.2):
     resolution: {integrity: sha512-nt3dodGs97UM6fnxeQBazO50yYCKBK53waFWB3qMbLmR6eL3aUryZgQtZoBe1pye17Wl8fs9HysV3si6xMgndQ==}
     peerDependencies:
@@ -1468,7 +1619,6 @@ packages:
       acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
       acorn: 8.10.0
-    dev: true
 
   /acorn-walk@8.2.0:
     resolution: {integrity: sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==}
@@ -1479,7 +1629,6 @@ packages:
     resolution: {integrity: sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==}
     engines: {node: '>=0.4.0'}
     hasBin: true
-    dev: true
 
   /agent-base@6.0.2:
     resolution: {integrity: sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==}
@@ -1515,7 +1664,6 @@ packages:
       fast-json-stable-stringify: 2.1.0
       json-schema-traverse: 0.4.1
       uri-js: 4.4.1
-    dev: true
 
   /ajv@8.12.0:
     resolution: {integrity: sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==}
@@ -1584,12 +1732,10 @@ packages:
 
   /argparse@2.0.1:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
-    dev: true
 
   /array-union@2.1.0:
     resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
     engines: {node: '>=8'}
-    dev: true
 
   /asynckit@0.4.0:
     resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
@@ -1651,6 +1797,9 @@ packages:
       readable-stream: 3.6.2
     dev: true
 
+  /boolbase@1.0.0:
+    resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
+
   /brace-expansion@1.1.11:
     resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
     dependencies:
@@ -1668,7 +1817,6 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       fill-range: 7.0.1
-    dev: true
 
   /browserslist@4.22.1:
     resolution: {integrity: sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==}
@@ -1706,7 +1854,6 @@ packages:
   /callsites@3.1.0:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
     engines: {node: '>=6'}
-    dev: true
 
   /caniuse-lite@1.0.30001551:
     resolution: {integrity: sha512-vtBAez47BoGMMzlbYhfXrMV1kvRF2WP/lqiMuDu1Sb4EE4LKEgjopFDSRtZfdVnslNRpOqV/woE+Xgrwj6VQlg==}
@@ -1878,7 +2025,11 @@ packages:
       path-key: 3.1.1
       shebang-command: 2.0.0
       which: 2.0.2
-    dev: true
+
+  /cssesc@3.0.0:
+    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
+    engines: {node: '>=4'}
+    hasBin: true
 
   /csstype@3.1.2:
     resolution: {integrity: sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==}
@@ -1949,7 +2100,6 @@ packages:
 
   /deep-is@0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
-    dev: true
 
   /deepmerge@4.3.1:
     resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
@@ -1986,14 +2136,12 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       path-type: 4.0.0
-    dev: true
 
   /doctrine@3.0.0:
     resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
     engines: {node: '>=6.0.0'}
     dependencies:
       esutils: 2.0.3
-    dev: true
 
   /dotenv-cli@7.3.0:
     resolution: {integrity: sha512-314CA4TyK34YEJ6ntBf80eUY+t1XaFLyem1k9P0sX1gn30qThZ5qZr/ZwE318gEnzyYP9yj9HJk6SqwE0upkfw==}
@@ -2095,7 +2243,6 @@ packages:
   /escape-string-regexp@4.0.0:
     resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
     engines: {node: '>=10'}
-    dev: true
 
   /eslint-config-prettier@8.10.0(eslint@8.51.0):
     resolution: {integrity: sha512-SM8AMJdeQqRYT9O9zguiruQZaN7+z+E4eAP9oiLNGKMtomwaB1E9dcgUD6ZAn/eQAb52USbvezbiljfZUhbJcg==}
@@ -2123,6 +2270,23 @@ packages:
       prettier-linter-helpers: 1.0.0
     dev: true
 
+  /eslint-plugin-vue@9.19.2(eslint@8.51.0):
+    resolution: {integrity: sha512-CPDqTOG2K4Ni2o4J5wixkLVNwgctKXFu6oBpVJlpNq7f38lh9I80pRTouZSJ2MAebPJlINU/KTFSXyQfBUlymA==}
+    engines: {node: ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.2.0 || ^7.0.0 || ^8.0.0
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.51.0)
+      eslint: 8.51.0
+      natural-compare: 1.4.0
+      nth-check: 2.1.1
+      postcss-selector-parser: 6.0.13
+      semver: 7.5.4
+      vue-eslint-parser: 9.3.2(eslint@8.51.0)
+      xml-name-validator: 4.0.0
+    transitivePeerDependencies:
+      - supports-color
+
   /eslint-scope@5.1.1:
     resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==}
     engines: {node: '>=8.0.0'}
@@ -2137,12 +2301,10 @@ packages:
     dependencies:
       esrecurse: 4.3.0
       estraverse: 5.3.0
-    dev: true
 
   /eslint-visitor-keys@3.4.3:
     resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dev: true
 
   /eslint@8.51.0:
     resolution: {integrity: sha512-2WuxRZBrlwnXi+/vFSJyjMqrNjtJqiasMzehF0shoLaW7DzS3/9Yvrmq5JiT66+pNjiX4UBnLDiKHcWAr/OInA==}
@@ -2188,7 +2350,6 @@ packages:
       text-table: 0.2.0
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
   /espree@9.6.1:
     resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
@@ -2197,21 +2358,18 @@ packages:
       acorn: 8.10.0
       acorn-jsx: 5.3.2(acorn@8.10.0)
       eslint-visitor-keys: 3.4.3
-    dev: true
 
   /esquery@1.5.0:
     resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==}
     engines: {node: '>=0.10'}
     dependencies:
       estraverse: 5.3.0
-    dev: true
 
   /esrecurse@4.3.0:
     resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
     engines: {node: '>=4.0'}
     dependencies:
       estraverse: 5.3.0
-    dev: true
 
   /estraverse@4.3.0:
     resolution: {integrity: sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==}
@@ -2221,7 +2379,6 @@ packages:
   /estraverse@5.3.0:
     resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
     engines: {node: '>=4.0'}
-    dev: true
 
   /estree-walker@2.0.2:
     resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
@@ -2229,7 +2386,6 @@ packages:
   /esutils@2.0.3:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
     engines: {node: '>=0.10.0'}
-    dev: true
 
   /event-target-shim@5.0.1:
     resolution: {integrity: sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==}
@@ -2288,11 +2444,9 @@ packages:
       glob-parent: 5.1.2
       merge2: 1.4.1
       micromatch: 4.0.5
-    dev: true
 
   /fast-json-stable-stringify@2.1.0:
     resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
-    dev: true
 
   /fast-json-stringify@5.8.0:
     resolution: {integrity: sha512-VVwK8CFMSALIvt14U8AvrSzQAwN/0vaVRiFFUVlpnXSnDGrSkOAO5MtzyN8oQNjLd5AqTW5OZRgyjoNuAuR3jQ==}
@@ -2307,7 +2461,6 @@ packages:
 
   /fast-levenshtein@2.0.6:
     resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
-    dev: true
 
   /fast-querystring@1.1.2:
     resolution: {integrity: sha512-g6KuKWmFXc0fID8WWH0jit4g0AGBoJhCkJMb1RmbsSEUNvQ+ZC8D6CUZ+GtF8nMzSPXnhiePyyqqipzNNEnHjg==}
@@ -2395,14 +2548,12 @@ packages:
     engines: {node: ^10.12.0 || >=12.0.0}
     dependencies:
       flat-cache: 3.1.1
-    dev: true
 
   /fill-range@7.0.1:
     resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
     engines: {node: '>=8'}
     dependencies:
       to-regex-range: 5.0.1
-    dev: true
 
   /find-my-way@7.7.0:
     resolution: {integrity: sha512-+SrHpvQ52Q6W9f3wJoJBbAQULJuNEEQwBvlvYwACDhBTLOTMiQ0HYWh4+vC3OivGP2ENcTI1oKlFA2OepJNjhQ==}
@@ -2419,7 +2570,6 @@ packages:
     dependencies:
       locate-path: 6.0.0
       path-exists: 4.0.0
-    dev: true
 
   /flat-cache@3.1.1:
     resolution: {integrity: sha512-/qM2b3LUIaIgviBQovTLvijfyOQXPtSRnRK26ksj2J7rzPIecePUIpJsZ4T02Qg+xiAEKIs5K8dsHEd+VaKa/Q==}
@@ -2428,11 +2578,9 @@ packages:
       flatted: 3.2.9
       keyv: 4.5.4
       rimraf: 3.0.2
-    dev: true
 
   /flatted@3.2.9:
     resolution: {integrity: sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==}
-    dev: true
 
   /follow-redirects@1.15.3:
     resolution: {integrity: sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==}
@@ -2539,14 +2687,12 @@ packages:
     engines: {node: '>= 6'}
     dependencies:
       is-glob: 4.0.3
-    dev: true
 
   /glob-parent@6.0.2:
     resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
     engines: {node: '>=10.13.0'}
     dependencies:
       is-glob: 4.0.3
-    dev: true
 
   /glob-to-regexp@0.4.1:
     resolution: {integrity: sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==}
@@ -2577,7 +2723,6 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       type-fest: 0.20.2
-    dev: true
 
   /globby@11.1.0:
     resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
@@ -2589,7 +2734,6 @@ packages:
       ignore: 5.2.4
       merge2: 1.4.1
       slash: 3.0.0
-    dev: true
 
   /graceful-fs@4.2.11:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
@@ -2597,7 +2741,6 @@ packages:
 
   /graphemer@1.4.0:
     resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
-    dev: true
 
   /has-flag@3.0.0:
     resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
@@ -2650,7 +2793,6 @@ packages:
   /ignore@5.2.4:
     resolution: {integrity: sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==}
     engines: {node: '>= 4'}
-    dev: true
 
   /import-fresh@3.3.0:
     resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
@@ -2658,12 +2800,10 @@ packages:
     dependencies:
       parent-module: 1.0.1
       resolve-from: 4.0.0
-    dev: true
 
   /imurmurhash@0.1.4:
     resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
     engines: {node: '>=0.8.19'}
-    dev: true
 
   /inflight@1.0.6:
     resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
@@ -2746,7 +2886,6 @@ packages:
   /is-extglob@2.1.1:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
     engines: {node: '>=0.10.0'}
-    dev: true
 
   /is-fullwidth-code-point@3.0.0:
     resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
@@ -2757,7 +2896,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dependencies:
       is-extglob: 2.1.1
-    dev: true
 
   /is-interactive@1.0.0:
     resolution: {integrity: sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==}
@@ -2767,12 +2905,10 @@ packages:
   /is-number@7.0.0:
     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
     engines: {node: '>=0.12.0'}
-    dev: true
 
   /is-path-inside@3.0.3:
     resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
     engines: {node: '>=8'}
-    dev: true
 
   /is-stream@2.0.1:
     resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
@@ -2786,7 +2922,6 @@ packages:
 
   /isexe@2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
-    dev: true
 
   /iterare@1.2.1:
     resolution: {integrity: sha512-RKYVTCjAnRthyJes037NX/IiqeidgN1xc3j1RjFfECFp28A1GVwK9nA+i0rJPaHqSZwygLzRnFlzUuHFoWWy+Q==}
@@ -2811,11 +2946,9 @@ packages:
     hasBin: true
     dependencies:
       argparse: 2.0.1
-    dev: true
 
   /json-buffer@3.0.1:
     resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
-    dev: true
 
   /json-parse-even-better-errors@2.3.1:
     resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
@@ -2823,14 +2956,12 @@ packages:
 
   /json-schema-traverse@0.4.1:
     resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
-    dev: true
 
   /json-schema-traverse@1.0.0:
     resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==}
 
   /json-stable-stringify-without-jsonify@1.0.1:
     resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
-    dev: true
 
   /json5@2.2.3:
     resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
@@ -2882,7 +3013,6 @@ packages:
     resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
     dependencies:
       json-buffer: 3.0.1
-    dev: true
 
   /levn@0.4.1:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
@@ -2890,7 +3020,6 @@ packages:
     dependencies:
       prelude-ls: 1.2.1
       type-check: 0.4.0
-    dev: true
 
   /light-my-request@5.11.0:
     resolution: {integrity: sha512-qkFCeloXCOMpmEdZ/MV91P8AT4fjwFXWaAFz3lUeStM8RcoM1ks4J/F8r1b3r6y/H4u3ACEJ1T+Gv5bopj7oDA==}
@@ -2922,11 +3051,9 @@ packages:
     engines: {node: '>=10'}
     dependencies:
       p-locate: 5.0.0
-    dev: true
 
   /lodash.merge@4.6.2:
     resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
-    dev: true
 
   /lodash@4.17.21:
     resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
@@ -2993,7 +3120,6 @@ packages:
   /merge2@1.4.1:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
     engines: {node: '>= 8'}
-    dev: true
 
   /micromatch@4.0.5:
     resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==}
@@ -3001,7 +3127,6 @@ packages:
     dependencies:
       braces: 3.0.2
       picomatch: 2.3.1
-    dev: true
 
   /mime-db@1.52.0:
     resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
@@ -3113,7 +3238,6 @@ packages:
 
   /natural-compare@1.4.0:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
-    dev: true
 
   /neo-async@2.6.2:
     resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==}
@@ -3182,6 +3306,11 @@ packages:
       set-blocking: 2.0.0
     dev: false
 
+  /nth-check@2.1.1:
+    resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
+    dependencies:
+      boolbase: 1.0.0
+
   /object-assign@4.1.1:
     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
     engines: {node: '>=0.10.0'}
@@ -3218,7 +3347,6 @@ packages:
       levn: 0.4.1
       prelude-ls: 1.2.1
       type-check: 0.4.0
-    dev: true
 
   /ora@5.4.1:
     resolution: {integrity: sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==}
@@ -3253,21 +3381,18 @@ packages:
     engines: {node: '>=10'}
     dependencies:
       yocto-queue: 0.1.0
-    dev: true
 
   /p-locate@5.0.0:
     resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
     engines: {node: '>=10'}
     dependencies:
       p-limit: 3.1.0
-    dev: true
 
   /parent-module@1.0.1:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
     engines: {node: '>=6'}
     dependencies:
       callsites: 3.1.0
-    dev: true
 
   /parse-json@5.2.0:
     resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
@@ -3282,7 +3407,6 @@ packages:
   /path-exists@4.0.0:
     resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
     engines: {node: '>=8'}
-    dev: true
 
   /path-is-absolute@1.0.1:
     resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
@@ -3291,7 +3415,6 @@ packages:
   /path-key@3.1.1:
     resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
     engines: {node: '>=8'}
-    dev: true
 
   /path-parse@1.0.7:
     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
@@ -3316,7 +3439,6 @@ packages:
   /path-type@4.0.0:
     resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
     engines: {node: '>=8'}
-    dev: true
 
   /picocolors@1.0.0:
     resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
@@ -3324,7 +3446,6 @@ packages:
   /picomatch@2.3.1:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
     engines: {node: '>=8.6'}
-    dev: true
 
   /pinia@2.1.7(typescript@5.2.2)(vue@3.3.4):
     resolution: {integrity: sha512-+C2AHFtcFqjPih0zpYuvof37SFxMQ7OEG2zV9jRI12i9BOy3YQVAHwdKtyyc8pDcDyIc33WCIsZaCFWU7WWxGQ==}
@@ -3377,6 +3498,13 @@ packages:
     engines: {node: '>=4'}
     dev: true
 
+  /postcss-selector-parser@6.0.13:
+    resolution: {integrity: sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==}
+    engines: {node: '>=4'}
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+
   /postcss@8.4.31:
     resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
     engines: {node: ^10 || ^12 || >=14}
@@ -3388,7 +3516,6 @@ packages:
   /prelude-ls@1.2.1:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
-    dev: true
 
   /prettier-linter-helpers@1.0.0:
     resolution: {integrity: sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==}
@@ -3446,7 +3573,6 @@ packages:
 
   /queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
-    dev: true
 
   /quick-format-unescaped@4.0.4:
     resolution: {integrity: sha512-tYC1Q1hgyRuHgloV/YXs2w15unPVh8qfu/qCTfhTYamaw7fyhumKa2yGpdSo87vY32rIclj+4fWYQXUMs9EHvg==}
@@ -3507,7 +3633,6 @@ packages:
   /resolve-from@4.0.0:
     resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
     engines: {node: '>=4'}
-    dev: true
 
   /resolve@1.22.8:
     resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==}
@@ -3570,7 +3695,6 @@ packages:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
     dependencies:
       queue-microtask: 1.2.3
-    dev: true
 
   /rxjs@7.8.1:
     resolution: {integrity: sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==}
@@ -3645,12 +3769,10 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       shebang-regex: 3.0.0
-    dev: true
 
   /shebang-regex@3.0.0:
     resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
     engines: {node: '>=8'}
-    dev: true
 
   /shelljs@0.8.5:
     resolution: {integrity: sha512-TiwcRcrkhHvbrZbnRcFYMLl30Dfov3HKqzp5tO5b4pt6G/SezKcYhmDg15zXVBswHmctSAQKznqNW2LO5tTDow==}
@@ -3668,7 +3790,6 @@ packages:
   /slash@3.0.0:
     resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
     engines: {node: '>=8'}
-    dev: true
 
   /sonic-boom@3.7.0:
     resolution: {integrity: sha512-IudtNvSqA/ObjN97tfgNmOKyDOs4dNcg4cUUsHDebqsgb8wGBBwb31LIgShNO8fye0dFI52X1+tFoKKI6Rq1Gg==}
@@ -3734,7 +3855,6 @@ packages:
   /strip-json-comments@3.1.1:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
     engines: {node: '>=8'}
-    dev: true
 
   /supports-color@5.5.0:
     resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
@@ -3844,7 +3964,6 @@ packages:
 
   /text-table@0.2.0:
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
-    dev: true
 
   /thread-stream@2.4.1:
     resolution: {integrity: sha512-d/Ex2iWd1whipbT681JmTINKw0ZwOUBZm7+Gjs64DHuX34mmw8vJL2bFAaNacaW72zYiTJxSHi5abUuOi5nsfg==}
@@ -3877,7 +3996,6 @@ packages:
     engines: {node: '>=8.0'}
     dependencies:
       is-number: 7.0.0
-    dev: true
 
   /toad-cache@3.3.0:
     resolution: {integrity: sha512-3oDzcogWGHZdkwrHyvJVpPjA7oNzY6ENOV3PsWJY9XYPZ6INo94Yd47s5may1U+nleBPwDhrRiTPMIvKaa3MQg==}
@@ -3893,6 +4011,15 @@ packages:
     hasBin: true
     dev: true
 
+  /ts-api-utils@1.0.3(typescript@5.2.2):
+    resolution: {integrity: sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==}
+    engines: {node: '>=16.13.0'}
+    peerDependencies:
+      typescript: '>=4.2.0'
+    dependencies:
+      typescript: 5.2.2
+    dev: true
+
   /ts-loader@9.5.0(typescript@5.2.2)(webpack@5.89.0):
     resolution: {integrity: sha512-LLlB/pkB4q9mW2yLdFMnK3dEHbrBjeZTYguaaIfusyojBgAGf5kF+O6KcWqiGzWqHk0LBsoolrp4VftEURhybg==}
     engines: {node: '>=12.0.0'}
@@ -3991,7 +4118,6 @@ packages:
 
   /tslib@1.14.1:
     resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==}
-    dev: true
 
   /tslib@2.5.3:
     resolution: {integrity: sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==}
@@ -4008,19 +4134,16 @@ packages:
     dependencies:
       tslib: 1.14.1
       typescript: 5.2.2
-    dev: true
 
   /type-check@0.4.0:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
     dependencies:
       prelude-ls: 1.2.1
-    dev: true
 
   /type-fest@0.20.2:
     resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
     engines: {node: '>=10'}
-    dev: true
 
   /type-fest@0.21.3:
     resolution: {integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==}
@@ -4129,6 +4252,23 @@ packages:
       vue: 3.3.4
     dev: false
 
+  /vue-eslint-parser@9.3.2(eslint@8.51.0):
+    resolution: {integrity: sha512-q7tWyCVaV9f8iQyIA5Mkj/S6AoJ9KBN8IeUSf3XEmBrOtxOZnfTg5s4KClbZBCK3GtnT/+RyCLZyDHuZwTuBjg==}
+    engines: {node: ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '>=6.0.0'
+    dependencies:
+      debug: 4.3.4
+      eslint: 8.51.0
+      eslint-scope: 7.2.2
+      eslint-visitor-keys: 3.4.3
+      espree: 9.6.1
+      esquery: 1.5.0
+      lodash: 4.17.21
+      semver: 7.5.4
+    transitivePeerDependencies:
+      - supports-color
+
   /vue-router@4.2.5(vue@3.3.4):
     resolution: {integrity: sha512-DIUpKcyg4+PTQKfFPX88UWhlagBEBEfJ5A8XDXRJLUnZOvcpMF8o/dnL90vpVkGaPbjvXazV/rC1qBKrZlFugw==}
     peerDependencies:
@@ -4292,7 +4432,6 @@ packages:
     hasBin: true
     dependencies:
       isexe: 2.0.0
-    dev: true
 
   /wide-align@1.1.5:
     resolution: {integrity: sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==}
@@ -4319,6 +4458,10 @@ packages:
   /wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
 
+  /xml-name-validator@4.0.0:
+    resolution: {integrity: sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==}
+    engines: {node: '>=12'}
+
   /yallist@4.0.0:
     resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
 
@@ -4340,4 +4483,3 @@ packages:
   /yocto-queue@0.1.0:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
-    dev: true