chore: pnpm up

frontend/package.json

@@ -12,13 +12,13 @@
     "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",
+    "@fortawesome/fontawesome-svg-core": "^6.5.1",
+    "@fortawesome/free-solid-svg-icons": "^6.5.1",
+    "@fortawesome/vue-fontawesome": "^3.0.5",
     "@typescript-eslint/parser": "^5.62.0",
-    "@vueuse/components": "^10.5.0",
-    "@vueuse/core": "^10.5.0",
-    "axios": "^1.5.1",
+    "@vueuse/components": "^10.7.1",
+    "@vueuse/core": "^10.7.1",
+    "axios": "^1.6.3",
     "d3-force": "^3.0.0",
     "d3-interpolate": "^3.0.1",
     "dayjs": "^1.11.10",
@@ -28,22 +28,22 @@
     "mitt": "^3.0.1",
     "normalize.css": "^8.0.1",
     "pinia": "^2.1.7",
-    "schemastery": "^3.13.1",
-    "vue": "^3.3.4",
+    "schemastery": "^3.14.2",
+    "vue": "^3.4.3",
     "vue-router": "^4.2.5",
-    "wanakana": "^5.2.0"
+    "wanakana": "^5.3.1"
   },
   "devDependencies": {
-    "@types/d3-force": "^3.0.6",
-    "@types/d3-interpolate": "^3.0.2",
-    "@types/wanakana": "^4.0.4",
+    "@types/d3-force": "^3.0.9",
+    "@types/d3-interpolate": "^3.0.4",
+    "@types/wanakana": "^4.0.6",
     "@typescript-eslint/eslint-plugin": "^5.62.0",
-    "@vitejs/plugin-vue": "^4.4.0",
+    "@vitejs/plugin-vue": "^5.0.2",
     "@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"
+    "@vue/runtime-core": "^3.4.3",
+    "eslint": "^8.56.0",
+    "typescript": "^5.3.3",
+    "vite": "^5.0.10",
+    "vue-tsc": "^1.8.27"
   }
 }

frontend/src/components/Modal.vue

@@ -11,7 +11,7 @@ registerShortcuts([
         id: 'modal:close',
         precedence: 1,
         key: newKey('Escape'),
-        info: 'Modalを閉める', // FIXME: Japanese of 'modal window'
+        info: 'モーダル・ウィンドウを閉める',
         isActive: () => !! modalStore.component,
         action: modalStore.forceClose
     }

frontend/src/components/WordGraphChart.vue

@@ -5,11 +5,10 @@ import { storeToRefs } from 'pinia'
 import { useElementSize, useEventListener } from '@vueuse/core'
 
 import { IDragTarget, IDragTargetInfo, ISimulationNode, IView, useWordGraph } from '@store/wordGraph'
-import { useConfig } from '@store/config'
+import { useConfigData, useConfigItem } from '@store/config'
 
 import { getEventPoint } from '@util/dom'
 import { depRef } from '@util/reactivity'
-import { storeRef } from '@util/storage'
 import { disposeShortcuts, newKey, registerShortcuts } from '@util/keyboard'
 
 import EllipsisText from '@comp/charts/EllipsisText.vue'
@@ -110,7 +109,9 @@ const onDragEnd = (event: MouseEvent | TouchEvent) => {
     }
 }
 
-const scale = storeRef('wordGraphScale', 1)
+
+const config = useConfigData()
+const scale = useConfigItem(config, 'wordGraphScale')
 
 const zoom = (deltaScale: number) => {
     const newScale = scale.value + deltaScale
@@ -153,8 +154,6 @@ useEventListener([ 'mousedown', 'touchstart' ], onDragStart)
 useEventListener([ 'mousemove', 'touchmove' ], onDragMove)
 useEventListener([ 'mouseup', 'touchend' ], onDragEnd)
 useEventListener(root, 'wheel', onWheel)
-
-const { config } = storeToRefs(useConfig())
 </script>
 
 <template>

frontend/src/components/config/ConfigItem.vue

@@ -49,6 +49,12 @@ const value = computed({
             <div v-else-if="schema.type === 'boolean'">
                 <NyaSwitch v-model="(value as boolean)" />
             </div>
+            <div v-else-if="schema.type === 'number'">
+                <NyaConfirmInput
+                    v-model="(value as number)"
+                    :click-to-edit="true"
+                />
+            </div>
         </div>
     </div>
 </template>

frontend/src/stores/config.ts

@@ -2,6 +2,8 @@ import { defineStore, storeToRefs } from 'pinia'
 import Schema from 'schemastery'
 
 import { storeReactive } from '@util/storage'
+import { Ref, computed } from 'vue'
+import { RemoveIndex } from '@type/tool'
 
 declare global {
     // eslint-disable-next-line @typescript-eslint/no-namespace
@@ -58,11 +60,31 @@ export const Config = Schema.object({
         .description('同期 API の URL'),
     shortcuts: Schema
         .dict(Schema.string())
+        .hidden(),
+    wordGraphScale: Schema
+        .number()
+        .extra('section', '単語リンク・グラフ')
+        .default(1)
+        .description('グラフのズーム倍率')
+        .hidden(),
+    wordGraphEdgeType: Schema
+        .union([
+            Schema.const('all'),
+            Schema.const('rel')
+        ])
+        .extra('section', '単語リンク・グラフ')
+        .default('all')
+        .description('グラフに表現するリンクの種類')
         .hidden()
 })
 
+type ConfigDataRO = RemoveIndex<ReturnType<typeof Config>>
+export type ConfigData = {
+    -readonly [K in keyof ConfigDataRO]: ConfigDataRO[K]
+}
+
 export const useConfig = defineStore('config', () => {
-    const config = storeReactive<ReturnType<typeof Config>>('config', new Config(), Config)
+    const config = storeReactive<ConfigData>('config', new Config(), Config)
 
     return { config }
 })
@@ -71,3 +93,8 @@ export const useConfigData = () => {
     const { config } = storeToRefs(useConfig())
     return config
 }
+
+export const useConfigItem = <K extends keyof ConfigData>(config: Ref<ConfigData>, key: K) => computed({
+    get: () => config.value[key],
+    set: val => config.value[key] = val
+})

frontend/src/types/tool.ts

@@ -53,3 +53,12 @@ export type AddSub10Table = {
 }
 
 export type IncSub10<T extends IntSub10> = AddSub10Table[T]
+
+export type RemoveIndex<T> = {
+    [ K in keyof T as
+        string extends K ? never :
+        number extends K ? never :
+        symbol extends K ? never :
+        K
+    ] : T[K]
+}