refactor(project): @vben/vite-connect is reconfigured to support synchronization

apps/web-antd/vite.config.mts

@@ -1,59 +1,33 @@
-import { defineConfig, loadAndConvertEnv } from '@vben/vite-config';
+import {
+  defaultImportmapOptions,
+  defineConfig,
+  getDefaultPwaOptions,
+  loadAndConvertEnv,
+} from '@vben/vite-config';
 
-export default defineConfig({
-  application: async ({ mode }) => {
-    const envConfig = await loadAndConvertEnv();
-
-    return {
+export default defineConfig(async () => {
+  const { appTitle, port, ...envConfig } = await loadAndConvertEnv();
+  return {
+    application: {
       ...envConfig,
       importmap: false,
-      importmapOptions: {
-        // 通过 Importmap CDN 方式引入,
-        // 目前只有esm.sh源兼容性好一点，jspm.io对于 esm 入口要求高
-        defaultProvider: 'esm.sh',
-        importmap: [
-          { name: 'vue' },
-          { name: 'pinia' },
-          { name: 'vue-router' },
-          { name: 'vue-i18n' },
-          { name: 'dayjs' },
-          { name: 'vue-demi' },
-        ],
-      },
+      importmapOptions: defaultImportmapOptions,
       pwa: false,
-      pwaOptions: {
-        manifest: {
-          description:
-            'Vben Admin Pro is a modern admin dashboard template based on Vue 3. ',
-          icons: [
-            {
-              sizes: '192x192',
-              src: 'https://cdn.jsdelivr.net/npm/@vbenjs/static-source@0.1.3/source/pwa-icon-192.png',
-              type: 'image/png',
-            },
-            {
-              sizes: '512x512',
-              src: 'https://cdn.jsdelivr.net/npm/@vbenjs/static-source@0.1.3/source/pwa-icon-512.png',
-              type: 'image/png',
-            },
-          ],
-          name: `Vben Admin Pro ${mode}`,
-          short_name: `Vben Admin Pro ${mode}`,
-        },
-      },
-    };
-  },
-  vite: {
-    server: {
-      proxy: {
-        '/api': {
-          changeOrigin: true,
-          rewrite: (path) => path.replace(/^\/api/, ''),
-          // 代理目标地址 - backend-mock 项目
-          target: 'http://localhost:5320/api',
-          ws: true,
+      pwaOptions: getDefaultPwaOptions(appTitle),
+    },
+    vite: {
+      server: {
+        port,
+        proxy: {
+          '/api': {
+            changeOrigin: true,
+            rewrite: (path) => path.replace(/^\/api/, ''),
+            // 代理目标地址 - backend-mock 项目
+            target: 'http://localhost:5320/api',
+            ws: true,
+          },
         },
       },
     },
-  },
+  };
 });