chore: bump vue related packages version (#5384)

#### What type of PR is this?

/area ui
/kind improvement
/milestone 2.13.x

#### What this PR does / why we need it:

升级 Vue 生态相关依赖至最新版本。

#### Does this PR introduce a user-facing change?

```release-note
升级 Vue 生态相关依赖至最新版本。
```

ui/package.json

@@ -93,18 +93,18 @@
     "qs": "^6.11.1",
     "short-unique-id": "^5.0.2",
     "transliteration": "^2.3.5",
-    "vue": "^3.3.4",
-    "vue-demi": "^0.14.5",
+    "vue": "^3.4.19",
+    "vue-demi": "^0.14.7",
     "vue-grid-layout": "3.0.0-beta1",
-    "vue-i18n": "9.3.0-beta.25",
-    "vue-router": "^4.2.4",
+    "vue-i18n": "^9.9.1",
+    "vue-router": "^4.2.5",
     "vuedraggable": "^4.1.0"
   },
   "devDependencies": {
     "@changesets/cli": "^2.25.2",
     "@iconify-json/mdi": "^1.1.50",
     "@iconify-json/vscode-icons": "^1.1.22",
-    "@intlify/unplugin-vue-i18n": "^0.12.2",
+    "@intlify/unplugin-vue-i18n": "^2.0.0",
     "@rushstack/eslint-patch": "^1.3.2",
     "@tailwindcss/aspect-ratio": "^0.4.2",
     "@tailwindcss/container-queries": "^0.1.0",
@@ -115,14 +115,14 @@
     "@types/node": "^18.11.19",
     "@types/qs": "^6.9.7",
     "@types/randomstring": "^1.1.8",
-    "@vitejs/plugin-vue": "^4.2.3",
-    "@vitejs/plugin-vue-jsx": "^3.0.1",
+    "@vitejs/plugin-vue": "^5.0.4",
+    "@vitejs/plugin-vue-jsx": "^3.1.0",
     "@vitest/ui": "^0.34.1",
-    "@vue/compiler-sfc": "^3.3.4",
+    "@vue/compiler-sfc": "^3.4.19",
     "@vue/eslint-config-prettier": "^7.1.0",
     "@vue/eslint-config-typescript": "^11.0.3",
-    "@vue/test-utils": "^2.4.1",
-    "@vue/tsconfig": "^0.4.0",
+    "@vue/test-utils": "^2.4.4",
+    "@vue/tsconfig": "^0.5.1",
     "autoprefixer": "^10.4.14",
     "c8": "^7.12.0",
     "cypress": "^10.11.0",
@@ -144,15 +144,15 @@
     "tailwindcss": "^3.2.7",
     "tailwindcss-safe-area": "^0.2.2",
     "tailwindcss-themer": "^2.0.3",
-    "typescript": "~5.0.4",
+    "typescript": "~5.3.0",
     "unplugin-icons": "^0.14.15",
     "vite": "^4.2.3",
     "vite-plugin-externals": "^0.6.2",
     "vite-plugin-html": "^3.2.0",
     "vite-plugin-pwa": "^0.16.4",
     "vite-plugin-static-copy": "^0.17.0",
-    "vite-plugin-vue-devtools": "^7.0.13",
+    "vite-plugin-vue-devtools": "^7.0.15",
     "vitest": "^0.34.1",
-    "vue-tsc": "^1.8.8"
+    "vue-tsc": "^1.8.27"
   }
 }

ui/packages/components/package.json

@@ -61,8 +61,8 @@
     "vite-plugin-dts": "^2.3.0"
   },
   "peerDependencies": {
-    "vue": "^3.3.4",
-    "vue-router": "^4.2.4"
+    "vue": "^3.4.19",
+    "vue-router": "^4.2.5"
   },
   "exports": {
     ".": {

ui/packages/components/src/components/modal/Modal.vue

@@ -34,7 +34,7 @@ const emit = defineEmits<{
   (event: "close"): void;
 }>();
 
-const internalVisible = ref(false);
+const internalVisible = ref<boolean | undefined>(false);
 const rootVisible = ref(false);
 const modelWrapper = ref<HTMLElement>();
 

ui/packages/editor/package.json

@@ -89,9 +89,9 @@
   "devDependencies": {
     "@iconify/json": "^2.2.117",
     "release-it": "^16.1.5",
-    "vite-plugin-dts": "^3.5.3"
+    "vite-plugin-dts": "^3.7.3"
   },
   "peerDependencies": {
-    "vue": "^3.0.0"
+    "vue": "^3.4.19"
   }
 }

ui/packages/shared/package.json

@@ -41,8 +41,8 @@
     "vite-plugin-dts": "^2.3.0"
   },
   "peerDependencies": {
-    "vue": "^3.3.4",
-    "vue-router": "^4.2.4"
+    "vue": "^3.4.19",
+    "vue-router": "^4.2.5"
   },
   "dependencies": {
     "@halo-dev/api-client": "workspace:*"