chore: upgrade typescript4.7.3 & fix type definition

Author: cwandev

.env

@@ -1,3 +1,3 @@
 VITE_APP_PUBLIC_PATH=/
 VITE_APP_PREVIEW=true
-VITE_APP_API_BASE_URL=/api
+VITE_APP_API_BASE_URL=/api

.env.development

@@ -2,3 +2,4 @@ VITE_APP_PREVIEW=true
 VITE_APP_API_BASE_URL=/api
 VITE_MOCK=true
 VITE_HTTP_MOCK=true
+

.env.production

@@ -1,3 +1,3 @@
 NODE_ENV=production
 VITE_APP_PREVIEW=false
-VITE_APP_API_URL=/api
+VITE_APP_API_URL=/api

build/mockServer.ts

@@ -10,4 +10,4 @@ const createMockServer = () => {
   return mockTarget
 }
 
-export default createMockServer
+export default createMockServer

package.json

@@ -42,7 +42,7 @@
     "mockjs": "^1.1.0",
     "plop": "^3.1.0",
     "postcss-px-to-viewport-8-plugin": "^1.1.3",
-    "typescript": "^4.5.4",
+    "typescript": "4.7.3",
     "umi-mock-middleware2": "^1.0.2",
     "unplugin-vue-components": "^0.19.6",
     "vite": "^2.9.9",

src/App.vue

@@ -7,19 +7,21 @@
 
 <script lang="ts">
 import { defineComponent, ref, watch } from 'vue'
+import type { ConfigProviderTheme } from 'vant'
 export default defineComponent({
   setup() {
-    const theme = ref('dark')
-    const checked = ref(true)
+    const theme = ref<ConfigProviderTheme>('light')
+    const checked = ref<boolean>(false)
 
-    watch(
-      checked,() => {
-        if(checked.value) {
-          document.getElementsByTagName('html')[0].setAttribute('data-theme', 'data-theme-dark')
-        } else {
-          document.getElementsByTagName('html')[0].setAttribute('data-theme', 'data-theme-light')
-        }
-    }, { immediate: true })
+    watch(checked,() => {
+      if(checked.value) {
+        theme.value = 'dark'
+        document.getElementsByTagName('html')[0].setAttribute('data-theme', 'data-theme-dark')
+      } else {
+        theme.value = 'light'
+        document.getElementsByTagName('html')[0].setAttribute('data-theme', 'data-theme-light')
+      }
+    })
     
     return {
       theme,

tsconfig.json

@@ -10,7 +10,7 @@
     "allowSyntheticDefaultImports": true,
     "sourceMap": true,
     "baseUrl": ".",
-    "types": [],
+    "types": ["node"],
     "paths": {
       "@/*": ["src/*"]
     },

yarn.lock

@@ -3337,7 +3337,7 @@ type-is@~1.6.18:
     media-typer "0.3.0"
     mime-types "~2.1.24"
 
-typescript@^4.5.4:
+typescript@4.7.3:
   version "4.7.3"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.7.3.tgz#8364b502d5257b540f9de4c40be84c98e23a129d"
   integrity sha512-WOkT3XYvrpXx4vMMqlD+8R8R37fZkjyLGlxavMc4iB8lrl8L0DeTcHbYgw/v0N/z9wAFsgBhcsF0ruoySS22mA==