build(frontend): migrate js to ts

Author: haxgun

frontend/package.json

@@ -13,48 +13,48 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "vite build",
+    "build": "vue-tsc --noEmit && vite build",
     "preview": "vite preview",
     "serve": "vite build && vite preview",
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore",
     "format": "prettier --write src/"
   },
   "dependencies": {
-    "@iconify/vue": "^4.1.1",
-    "@vueuse/core": "^10.6.1",
-    "build-url": "^6.0.1",
+    "@iconify/vue": "^4.1.2",
+    "@vueuse/core": "^10.11.1",
     "copy-to-clipboard": "^3.3.3",
     "normalize.css": "^8.0.1",
     "postcss-uncss": "^0.17.0",
-    "query-string": "^8.1.0",
+    "query-string": "^8.2.0",
     "set-interval-async": "^3.0.3",
-    "typescript": "^5.7.2",
     "uncss": "^0.17.3",
+    "unplugin-vue-router": "^0.10.9",
     "v-click-outside": "^3.2.0",
-    "vue-i18n": "9",
-    "vue-template-compiler": "^2.7.15"
+    "vue-i18n": "^9.14.2",
+    "vue-template-compiler": "^2.7.16"
   },
   "devDependencies": {
-    "@intlify/unplugin-vue-i18n": "^1.5.0",
-    "@plugin-web-update-notification/vite": "^1.6.6",
-    "@rushstack/eslint-patch": "^1.3.3",
+    "@intlify/unplugin-vue-i18n": "^1.6.0",
+    "@plugin-web-update-notification/vite": "^1.7.1",
+    "@rushstack/eslint-patch": "^1.10.4",
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "@vitejs/plugin-vue": "^4.6.2",
     "@vue/eslint-config-prettier": "^8.0.0",
     "@vue/runtime-dom": "^3.5.13",
-    "autoprefixer": "^10.4.16",
-    "eslint": "^9.15.0",
-    "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-vue": "^9.17.0",
-    "naive-ui": "^2.35.0",
-    "pinia": "^2.1.7",
-    "postcss": "^8.4.31",
-    "prettier": "^3.0.3",
-    "sass": "^1.69.5",
+    "autoprefixer": "^10.4.20",
+    "eslint": "^9.16.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-vue": "^9.32.0",
+    "naive-ui": "^2.40.3",
+    "pinia": "^2.3.0",
+    "postcss": "^8.4.49",
+    "prettier": "^3.4.2",
+    "sass": "^1.82.0",
+    "typescript": "5.6.2",
     "unplugin-vue-components": "^0.25.2",
-    "vite": "^4.4.11",
-    "vue": "^3.3.4",
-    "vue-router": "^4.2.5",
-    "vue-tsc": "^2.1.10"
+    "vite": "^4.5.5",
+    "vue": "^3.5.13",
+    "vue-router": "^4.5.0",
+    "vue-tsc": "2.0.29"
   }
 }

frontend/tsconfig.json

@@ -1,17 +1,27 @@
 {
   "compilerOptions": {
-    "target": "ESNext",
+    "target": "ES2022",
+    "useDefineForClassFields": true,
     "module": "ESNext",
-    "strict": true,
-    "jsx": "preserve",
-    "moduleResolution": "node",
-    "esModuleInterop": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
     "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true,
-    "baseUrl": ".",
+    "moduleResolution": "node",
+    "allowImportingTsExtensions": false,
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "preserve",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+		"baseUrl": ".",
     "paths": {
-      "@/*": ["src/*"]
-    }
+			"@/*": ["./src/*"]
+    },
+		"types": ["@intlify/unplugin-vue-i18n/messages"]
   },
-  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
-}
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue", "src/**/*.svg"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

frontend/tsconfig.node.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}

frontend/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />