update

vite.config.ts

@@ -0,0 +1,53 @@
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+import vuePugPlugin from "vue-pug-plugin";
+import tailwindcss from '@tailwindcss/vite';
+import AutoImport from "unplugin-auto-import/vite";
+import Components from 'unplugin-vue-components/vite';
+import { ArcoResolver } from "unplugin-vue-components/resolvers";
+import { vitePluginForArco } from "@arco-plugins/vite-vue";
+
+// @ts-expect-error process is a nodejs global
+const host = process.env.TAURI_DEV_HOST;
+
+export default defineConfig(async () => ({
+	plugins: [
+		vue({
+			template: {
+				preprocessOptions: {
+					plugins: [vuePugPlugin]
+				}
+			}
+		}),
+		AutoImport({
+			resolvers: [ArcoResolver()],
+		}),
+		Components({
+			resolvers: [
+				ArcoResolver({
+					sideEffect: true
+				})
+			]
+		}),
+		vitePluginForArco({
+			style: 'css'
+		}),
+		tailwindcss(),
+	],
+	clearScreen: false,
+	server: {
+		port: 1420,
+		strictPort: true,
+		host: host || false,
+		hmr: host
+			? {
+				protocol: "ws",
+				host,
+				port: 1421,
+			}
+			: undefined,
+		watch: {
+			ignored: ["**/src-tauri/**"],
+		},
+	},
+}));