some chores, installed pinia

env.d.ts

@@ -1 +1,8 @@
 /// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import { DefineComponent } from 'vue'
+  // eslint-disable-next-line
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}

package.json

@@ -11,17 +11,18 @@
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
   },
   "dependencies": {
-    "vue": "^3.2.29",
+    "pinia": "^2.0.11",
+    "vue": "^3.2.30",
     "vue-router": "^4.0.12"
   },
   "devDependencies": {
     "@iconify-json/bx": "^1.0.3",
     "@iconify-json/ph": "^1.0.4",
     "@rushstack/eslint-patch": "^1.1.0",
-    "@types/node": "^16.11.21",
-    "@typescript-eslint/eslint-plugin": "^5.10.1",
+    "@types/node": "^16.11.24",
+    "@typescript-eslint/eslint-plugin": "^5.11.0",
     "@typescript-eslint/parser": "5.0.0",
-    "@vitejs/plugin-vue": "^2.1.0",
+    "@vitejs/plugin-vue": "^2.2.0",
     "@vue/eslint-config-prettier": "^7.0.0",
     "@vue/eslint-config-typescript": "^10.0.0",
     "@vue/test-utils": "^2.0.0-rc.18",
@@ -32,16 +33,16 @@
     "eslint-plugin-node": "11.1.0",
     "eslint-plugin-promise": "4.2.1",
     "eslint-plugin-simple-import-sort": "^7.0.0",
-    "eslint-plugin-tailwindcss": "^3.3.6",
-    "eslint-plugin-vue": "^8.4.0",
+    "eslint-plugin-tailwindcss": "^3.4.4",
+    "eslint-plugin-vue": "^8.4.1",
     "jsdom": "^19.0.0",
-    "postcss": "^8.4.5",
+    "postcss": "^8.4.6",
     "prettier": "^2.5.1",
     "prettier-eslint": "^13.0.0",
-    "tailwindcss": "^3.0.18",
+    "tailwindcss": "^3.0.22",
     "typescript": "~4.5.5",
     "unplugin-icons": "^0.13.1",
-    "vite": "^2.7.13",
+    "vite": "^2.8.1",
     "vitest": "^0.1.27",
     "vue-tsc": "^0.29.8"
   }

vite.config.ts

@@ -5,7 +5,12 @@ import { defineConfig } from 'vite'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), Icons({ autoInstall: true })],
+  plugins: [
+    vue({
+      reactivityTransform: true,
+    }),
+    Icons({ autoInstall: true }),
+  ],
   resolve: {
     alias: {
       '@': fileURLToPath(new URL('./src', import.meta.url)),