refactor: rearranged TS configs

.eslintrc.cjs

@@ -5,6 +5,7 @@ module.exports = {
   root: true,
   extends: [
     'plugin:vue/vue3-recommended',
+    'eslint:recommended',
     '@vue/eslint-config-typescript',
     '@vue/eslint-config-prettier/skip-formatting',
     'plugin:security/recommended',

env.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  /**
+   * Automatically read from package.json version field
+   */
+  readonly VITE_APP_VERSION: string
+  readonly VITE_APP_BUILD_EPOCH?: string
+}
+interface ImportMeta {
+  readonly env: ImportMetaEnv
+}

interface-extensions.d.ts

@@ -0,0 +1,20 @@
+import type { Router } from 'vue-router'
+import 'vue-router'
+import 'pinia'
+
+export {}
+
+declare module 'vue-router' {
+  interface RouteMeta {
+    title?: string
+  }
+}
+
+declare module 'pinia' {
+  export interface PiniaCustomProperties {
+    /**
+     * Vue Router instance
+     */
+    router: Router
+  }
+}

teconfig.vitest.json

@@ -0,0 +1,12 @@
+{
+  "extends": "./tsconfig.app.json",
+  "exclude": [],
+  "compilerOptions": {
+    "composite": true,
+    "lib": [],
+    "types": [
+      "node",
+      "jsdom"
+    ]
+  }
+}

tsconfig.app.json

@@ -0,0 +1,20 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "include": [
+    "env.d.ts",
+    "interface-extensions.d.ts",
+    "components.d.ts",
+    "auto-imports.d.ts",
+    "src/**/*",
+    "src/**/*.vue"
+  ],
+  "exclude": ["src/**/__tests__/*"],
+  "compilerOptions": {
+    "composite": true,
+    "noEmit": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  }
+}

tsconfig.json

@@ -1,32 +1,14 @@
 {
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "module": "ESNext",
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "preserve",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-
-    /* Paths */
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.node.json"
+    },
+    {
+      "path": "./tsconfig.app.json"
+    },
+    {
+      "path": "./tsconfig.vitest.json"
     }
-  },
-  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.vue", "tests/**/*.ts"],
-  "exclude": ["node_modules", "dist", "public"],
-  "references": [{ "path": "./tsconfig.node.json" }]
+  ]
 }

tsconfig.node.json

@@ -1,12 +1,11 @@
 {
+  "extends": "@tsconfig/node18/tsconfig.json",
+  "include": ["vite.config.*", "vitest.config.*", "playwright.config.*"],
   "compilerOptions": {
     "composite": true,
-    "skipLibCheck": true,
+    "noEmit": true,
     "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true,
-    "resolveJsonModule": true,
-    "types": ["node", "jsdom"]
-  },
-  "include": ["vite.config.ts", "vitest.config.ts", "playwright.config.ts", "package.json"]
+    "moduleResolution": "Bundler",
+    "types": ["node"]
+  }
 }

vite.config.ts

@@ -24,14 +24,14 @@ export default defineConfig({
           '@vueuse/head': ['useHead'],
         },
       ],
-      dts: 'src/auto-imports.d.ts',
+      dts: 'auto-imports.d.ts',
       vueTemplate: true,
       eslintrc: {
         enabled: true,
       },
     }),
     Components({
-      dts: 'src/components.d.ts',
+      dts: 'components.d.ts',
     }),
   ],
   resolve: {