chore: bump vite to 5.x (#5920)

#### What type of PR is this?

/area ui
/kind improvement
/milestone 2.16.x

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

升级 Vite 至 5.x。

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

```release-note
升级 UI 部分的 Vite 版本至 5.x。
```

ui/package.json

@@ -1,4 +1,8 @@
 {
+  "type": "module",
+  "workspaces": [
+    "packages/*"
+  ],
   "scripts": {
     "prepare": "cd .. && husky install ui/.husky",
     "dev": "run-p dev:console dev:uc",
@@ -33,9 +37,6 @@
       "eslint --fix --max-warnings=0"
     ]
   },
-  "workspaces": [
-    "packages/*"
-  ],
   "dependencies": {
     "@codemirror/commands": "^6.1.2",
     "@codemirror/lang-css": "^6.0.1",
@@ -147,12 +148,12 @@
     "tailwindcss-themer": "^2.0.3",
     "typescript": "~5.3.0",
     "unplugin-icons": "^0.14.15",
-    "vite": "^4.2.3",
+    "vite": "^5.2.11",
     "vite-plugin-externals": "^0.6.2",
-    "vite-plugin-html": "^3.2.0",
+    "vite-plugin-html": "^3.2.2",
-    "vite-plugin-pwa": "^0.16.4",
+    "vite-plugin-pwa": "^0.20.0",
-    "vite-plugin-static-copy": "^0.17.0",
+    "vite-plugin-static-copy": "^1.0.4",
-    "vite-plugin-vue-devtools": "^7.0.15",
+    "vite-plugin-vue-devtools": "^7.1.3",
     "vitest": "^0.34.1",
     "vue-tsc": "^1.8.27"
   }

ui/packages/api-client/.prettierrc.js

@@ -1,3 +1,3 @@
 module.exports = {
-  plugins: ["../../prettier.config.js"],
+  plugins: ["../../prettier.config.cjs"],
 };

ui/packages/components/prettier.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  plugins: ["../../prettier.config.js"],
+  plugins: ["../../prettier.config.cjs"],
 };

ui/packages/editor/prettier.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  plugins: ["../../prettier.config.js"],
+  plugins: ["../../prettier.config.cjs"],
 };

ui/packages/shared/prettier.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  plugins: ["../../prettier.config.js"],
+  plugins: ["../../prettier.config.cjs"],
 };

ui/packages/ui-plugin-bundler-kit/.prettierrc.cjs

@@ -1,3 +1,3 @@
 module.exports = {
-  plugins: ["../../prettier.config.js"],
+  plugins: ["../../prettier.config.cjs"],
 };

ui/src/components/editor/DefaultEditor.vue

@@ -273,7 +273,7 @@ onMounted(() => {
       UiExtensionAudio.configure({
         uploadAudio: props.uploadImage,
       }),
-      ExtensionCharacterCount,
+      ExtensionCharacterCount as AnyExtension,
       ExtensionFontSize,
       ExtensionColor,
       ExtensionIndent,

ui/tsconfig.node.json

@@ -1,7 +1,7 @@
 {
   "extends": "@tsconfig/node18/tsconfig.json",
   "include": [
-    "vite.config.*",
+    "vite.config.ts",
     "vite.uc.config.ts",
     "vitest.config.*",
     "cypress.config.*",