feat: obfuscate build files

vite.config.ts

@@ -18,7 +18,6 @@ export default ({ mode }: { mode: string }) => {
 
   return defineConfig({
     plugins: [vue(), vueDevTools(), mdPlugin({ mode: [Mode.HTML] })],
-    base: process.env.VITE_BASE_URL,
     resolve: {
       alias: {
         '@': fileURLToPath(new URL('./src', import.meta.url)),
@@ -29,5 +28,19 @@ export default ({ mode }: { mode: string }) => {
         '@components': fileURLToPath(new URL('./src/components', import.meta.url)),
       },
     },
+    build: {
+      rolldownOptions: {
+        output: {
+          codeSplitting: {
+            groups: [
+              {
+                name: (moduleId: string) => moduleId.includes('node_modules') ? 'libs' : 'app',
+                maxSize: 1024 * 1024,
+              }
+            ]
+          }
+        }
+      }
+    }
   })
 }

vite.d.ts

@@ -2,26 +2,11 @@ declare module '*.md' {
   // "unknown" would be more detailed depends on how you structure frontmatter
   const attributes: Record<string, unknown>
 
-  // When "Mode.TOC" is requested
-  const toc: { level: string; content: string }[]
-
   // When "Mode.HTML" is requested
   const html: string
 
-  // When "Mode.RAW" is requested
-  const raw: string
-
-  // When "Mode.React" is requested. VFC could take a generic like React.VFC<{ MyComponent: TypeOfMyComponent }>
-  import React from 'react'
-  const ReactComponent: React.VFC
-
-  // When "Mode.Vue" is requested
-  import { ComponentOptions, Component } from 'vue'
-  const VueComponent: ComponentOptions
-  const VueComponentWith: (components: Record<string, Component>) => ComponentOptions
-
   // Modify below per your usage
-  export { attributes, toc, html, ReactComponent, VueComponent, VueComponentWith }
+  export { html }
 }
 
 declare module '*.vue'