update deps

package.json

@@ -30,13 +30,13 @@
     "@types/lodash-es": "^4.17.4",
     "@types/node": "^16.7.11",
     "@types/ua-parser-js": "^0.7.36",
-    "@vitejs/plugin-vue": "^1.6.1",
-    "@vue/compiler-sfc": "^3.2.9",
-    "autoprefixer": "^10.3.4",
-    "postcss": "^8.3.6",
-    "typescript": "^4.3.5",
-    "unplugin-vue-components": "^0.15.0",
-    "vite": "^2.5.4",
+    "@vitejs/plugin-vue": "^1.9.0",
+    "@vue/compiler-sfc": "^3.2.14",
+    "autoprefixer": "^10.3.5",
+    "postcss": "^8.3.7",
+    "typescript": "^4.4.3",
+    "unplugin-vue-components": "^0.15.2",
+    "vite": "^2.5.10",
     "vue-tsc": "^0.3.0"
   },
   "vetur": {

src/env.d.ts

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

src/shims-vue.d.ts

@@ -1,5 +0,0 @@
-declare module "*.vue" {
-  import { DefineComponent } from "vue";
-  const component: DefineComponent<{}, {}, any>;
-  export default component;
-}

tsconfig.json

@@ -1,6 +1,7 @@
 {
   "compilerOptions": {
     "target": "esnext",
+    "useDefineForClassFields": true,
     "module": "esnext",
     "moduleResolution": "node",
     "strict": true,