chore: update vite webpack config with new plugin and page behavior parameters implemented

docs/vite.config.ts

@@ -4,37 +4,63 @@ import UnoCSS from 'unocss/vite'
 import { MarkdownTransform } from './.vitepress/plugins/markdownTransform'
 import Icons from 'unplugin-icons/vite'
 import IconsResolver from 'unplugin-icons/resolver'
+import { ArcoResolver } from 'unplugin-vue-components/resolvers'
+import { resolve } from 'node:path'
+import { createRequire } from 'node:module'
+import type { UserConfig } from 'vite'
 
-export default defineConfig({
+const require = createRequire(import.meta.url)
-    plugins: [
+
-        Components({
+export default defineConfig(async () => {
-            dirs: ['.vitepress/theme/components'],
+    return <UserConfig>{
-            include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
+        server: {
-            resolvers: [
+            hmr: {
-                IconsResolver({
+                overlay: false,
-                    componentPrefix: '',
+            },
-                }),
+            fs: {
-            ],
+                allow: [resolve(__dirname, '..')],
-            dts: './.vitepress/components.d.ts',
+            },
-            transformer: 'vue3',
+        },
-        }),
+        plugins: [
-        Icons({
+            // custom markdown transformation plugin with regex
-            compiler: 'vue3',
+            MarkdownTransform(),
-            autoInstall: true,
+            // custom components including plugins
-            defaultStyle: 'display: inline-block',
+            Components({
-        }),
+                dirs: ['.vitepress/theme/components'],
-        UnoCSS(),
+                include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
-        MarkdownTransform(),
+                resolvers: [
-    ],
+                    IconsResolver({
+                        componentPrefix: '',
+                    }),
+                    ArcoResolver({ sideEffect: true, resolveIcons: true }),
+                ],
+                dts: './.vitepress/components.d.ts',
+                transformer: 'vue3',
+            }),
+            Icons({
+                compiler: 'vue3',
+                autoInstall: true,
+                defaultStyle: 'display: inline-block',
+            }),
+            UnoCSS(),
+        ],
         css: {
             postcss: {
                 plugins: [require('postcss-nested')],
             },
         },
-    ssr: {
+        ssr: {
-        noExternal: ['@andatoshiki/vitepress-plugin-nprogress', '@arco-design/web-vue'],
+            noExternal: ['@andatoshiki/vitepress-plugin-nprogress', '@arco-design/web-vue'],
-    },
+        },
-    build: {
+        build: {
-        chunkSizeWarningLimit: 1600,
+            chunkSizeWarningLimit: 1600,
-    },
+            // rollup build options
+            rollupOptions: {
+                external: [
+                    'node:*',
+                    './assets/*',
+                ],
+            },
+        },
+    }
 })