chore: bump vue-related dependencies (#7523)

Signed-off-by: Ryan Wang <i@ryanc.cc>

ui/console-src/main.ts

@@ -49,7 +49,7 @@ async function loadUserPermissions() {
       const { value } = binding;
       const { any, enable } = binding.modifiers;
 
-      if (hasPermission(uiPermissions, value, any)) {
+      if (hasPermission(uiPermissions, value, any ?? false)) {
         return;
       }
 

ui/console-src/modules/interface/themes/ThemeDetail.vue

@@ -80,7 +80,6 @@ const { handleExportThemeConfiguration, openSelectImportFileDialog } =
 </script>
 
 <template>
-  <Transition mode="out-in" name="fade">
   <div class="overflow-hidden rounded-b-base">
     <div class="bg-white px-4 py-4 sm:px-6">
       <div class="group flex items-center justify-between">
@@ -147,10 +146,7 @@ const { handleExportThemeConfiguration, openSelectImportFileDialog } =
     </div>
     <div class="border-t border-gray-200">
       <VDescription>
-          <VDescriptionItem
-            label="ID"
-            :content="selectedTheme?.metadata.name"
-          />
+        <VDescriptionItem label="ID" :content="selectedTheme?.metadata.name" />
         <VDescriptionItem
           :label="$t('core.theme.detail.fields.description')"
           :content="
@@ -220,8 +216,7 @@ const { handleExportThemeConfiguration, openSelectImportFileDialog } =
         <VDescriptionItem :label="$t('core.theme.detail.fields.license')">
           <ul
             v-if="
-                selectedTheme?.spec.license &&
-                selectedTheme?.spec.license.length
+              selectedTheme?.spec.license && selectedTheme?.spec.license.length
             "
             class="list-inside"
             :class="{ 'list-disc': selectedTheme?.spec.license.length > 1 }"
@@ -249,5 +244,4 @@ const { handleExportThemeConfiguration, openSelectImportFileDialog } =
       </VDescription>
     </div>
   </div>
-  </Transition>
 </template>

ui/console-src/modules/interface/themes/ThemeSetting.vue

@@ -71,7 +71,6 @@ const handleSaveConfigMap = async (data: object) => {
 await suspense();
 </script>
 <template>
-  <Transition mode="out-in" name="fade">
   <div class="p-4">
     <FormKit
       v-if="group && formSchema && currentConfigMapGroupData"
@@ -101,5 +100,4 @@ await suspense();
       </VButton>
     </StickyBlock>
   </div>
-  </Transition>
 </template>

ui/console-src/modules/system/plugins/components/tabs/Detail.vue

@@ -97,7 +97,6 @@ const lastCondition = computed(() => {
     :plugin="plugin"
     @close="conditionsModalVisible = false"
   />
-  <Transition mode="out-in" name="fade">
   <div class="overflow-hidden rounded-b-base">
     <div class="flex items-center justify-between bg-white px-4 py-4 sm:px-6">
       <div>
@@ -289,5 +288,4 @@ const lastCondition = computed(() => {
       </VDescription>
     </div>
   </div>
-  </Transition>
 </template>

ui/console-src/modules/system/plugins/components/tabs/Setting.vue

@@ -68,7 +68,6 @@ const handleSaveConfigMap = async (data: object) => {
 };
 </script>
 <template>
-  <Transition mode="out-in" name="fade">
   <div class="rounded-b-base bg-white p-4">
     <div>
       <FormKit
@@ -101,5 +100,4 @@ const handleSaveConfigMap = async (data: object) => {
       </VButton>
     </StickyBlock>
   </div>
-  </Transition>
 </template>

ui/console-src/modules/system/settings/tabs/Setting.vue

@@ -68,7 +68,6 @@ const handleSaveConfigMap = async () => {
 };
 </script>
 <template>
-  <Transition mode="out-in" name="fade">
   <div class="p-4">
     <FormKit
       v-if="group && formSchema && configMapFormData?.[group]"
@@ -100,5 +99,4 @@ const handleSaveConfigMap = async () => {
       </VButton>
     </StickyBlock>
   </div>
-  </Transition>
 </template>

ui/package.json

@@ -92,24 +92,24 @@
     "overlayscrollbars": "^2.5.0",
     "overlayscrollbars-vue": "^0.5.7",
     "path-browserify": "^1.0.1",
-    "pinia": "^2.1.6",
+    "pinia": "^3.0.3",
     "pretty-bytes": "^6.0.0",
     "qrcode": "^1.5.3",
     "qs": "^6.11.1",
     "short-unique-id": "^5.0.2",
     "transliteration": "^2.3.5",
     "ua-parser-js": "^1.0.38",
-    "vue": "^3.5.13",
+    "vue": "^3.5.16",
     "vue-demi": "^0.14.10",
     "vue-draggable-plus": "^0.4.1",
     "vue-grid-layout": "3.0.0-beta1",
-    "vue-i18n": "^9.14.2",
-    "vue-router": "^4.3.2"
+    "vue-i18n": "^11.1.5",
+    "vue-router": "^4.5.1"
   },
   "devDependencies": {
     "@iconify/json": "^2.2.235",
-    "@intlify/unplugin-vue-i18n": "^4.0.0",
-    "@number-flow/vue": "^0.4.7",
+    "@intlify/unplugin-vue-i18n": "^6.0.8",
+    "@number-flow/vue": "^0.4.8",
     "@rushstack/eslint-patch": "^1.3.2",
     "@tailwindcss/aspect-ratio": "^0.4.2",
     "@tailwindcss/container-queries": "^0.1.0",
@@ -123,10 +123,10 @@
     "@types/randomstring": "^1.1.8",
     "@types/ua-parser-js": "^0.7.39",
     "@vitejs/plugin-legacy": "^6.0.0",
-    "@vitejs/plugin-vue": "^5.2.1",
-    "@vitejs/plugin-vue-jsx": "^4.1.1",
+    "@vitejs/plugin-vue": "^5.2.4",
+    "@vitejs/plugin-vue-jsx": "^4.2.0",
     "@vitest/ui": "^0.34.1",
-    "@vue/compiler-sfc": "^3.5.13",
+    "@vue/compiler-sfc": "^3.5.16",
     "@vue/eslint-config-prettier": "^7.1.0",
     "@vue/eslint-config-typescript": "^11.0.3",
     "@vue/test-utils": "^2.4.6",
@@ -134,7 +134,7 @@
     "autoprefixer": "^10.4.14",
     "c8": "^7.12.0",
     "eslint": "^8.43.0",
-    "eslint-plugin-vue": "^9.17.0",
+    "eslint-plugin-vue": "^9.33.0",
     "husky": "^8.0.3",
     "js-yaml": "^4.1.0",
     "jsdom": "^20.0.3",
@@ -153,7 +153,7 @@
     "tailwindcss-safe-area": "^0.2.2",
     "tailwindcss-themer": "^2.0.3",
     "terser": "^5.37.0",
-    "typescript": "~5.6.2",
+    "typescript": "~5.8.0",
     "unplugin-icons": "^0.19.2",
     "vite": "^6.0.3",
     "vite-plugin-externals": "^0.6.2",
@@ -161,7 +161,7 @@
     "vite-plugin-pwa": "^0.20.0",
     "vite-plugin-static-copy": "^1.0.6",
     "vitest": "^0.34.1",
-    "vue-tsc": "^2.1.6"
+    "vue-tsc": "^2.2.10"
   },
   "packageManager": "pnpm@9.15.0+sha512.76e2379760a4328ec4415815bcd6628dee727af3779aaa4c914e3944156c4299921a89f976381ee107d41f12cfa4b66681ca9c718f0668fa0831ed4c6d8ba56c"
 }

ui/packages/components/package.json

@@ -61,8 +61,8 @@
     "vite-plugin-dts": "^4.2.2"
   },
   "peerDependencies": {
-    "vue": "^3.5.13",
-    "vue-router": "^4.3.2"
+    "vue": "^3.5.16",
+    "vue-router": "^4.5.1"
   },
   "exports": {
     ".": {

ui/packages/editor/package.json

@@ -90,6 +90,6 @@
     "vite-plugin-dts": "^4.2.2"
   },
   "peerDependencies": {
-    "vue": "^3.5.13"
+    "vue": "^3.5.16"
   }
 }

ui/packages/editor/src/extensions/code-block/CodeBlockSelect.vue

@@ -14,7 +14,7 @@ const props = defineProps<{
   filterSort?: (options: Option[], query: string) => number;
 }>();
 
-const value = defineModel({
+const value = defineModel<string>({
   default: "",
 });
 

ui/packages/shared/package.json

@@ -41,8 +41,8 @@
     "vite-plugin-dts": "^4.2.2"
   },
   "peerDependencies": {
-    "vue": "^3.5.13",
-    "vue-router": "^4.3.2"
+    "vue": "^3.5.16",
+    "vue-router": "^4.5.1"
   },
   "dependencies": {
     "@halo-dev/api-client": "workspace:*"

ui/packages/shared/src/types/plugin.ts

@@ -27,7 +27,7 @@ import type { AttachmentSelectProvider } from "../states/attachment-selector";
 import type { FunctionalPage } from "../states/pages";
 
 export interface RouteRecordAppend {
-  parentName: RouteRecordName;
+  parentName: NonNullable<RouteRecordName>;
   route: RouteRecordRaw;
 }
 

ui/uc-src/main.ts

@@ -42,7 +42,7 @@ async function loadUserPermissions() {
       const { value } = binding;
       const { any, enable } = binding.modifiers;
 
-      if (hasPermission(uiPermissions, value, any)) {
+      if (hasPermission(uiPermissions, value, any ?? false)) {
         return;
       }