fix: try using a single extra component chunk

nuxt · Sep 14, 2023 · acc52b5 · acc52b5
1 parent a7f33e1
commit acc52b5
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 3 deletions.
diff --git a/docs/app.vue b/docs/app.vue
@@ -56,8 +56,8 @@ if (process.server) {
     </template>
     <!-- Mobile panel -->
     <template v-if="$route.path !== '/'" #panel>
-      <LazyUDocsSearchButton size="md" class="w-full mb-4" />
-      <LazyUNavigationTree :links="mapContentNavigation(navigation)" default-open :multiple="false" />
+      <UDocsSearchButton size="md" class="w-full mb-4" />
+      <UNavigationTree :links="mapContentNavigation(navigation)" default-open :multiple="false" />
     </template>
   </UHeader>
   <NuxtLayout>

diff --git a/docs/modules/components-chunk.ts b/docs/modules/components-chunk.ts
@@ -18,6 +18,20 @@ export default defineNuxtModule({
       'Markdown',
     ])
 
+    const globals = new Set<string>()
+
+    nuxt.hook('vite:extendConfig', config => {
+      config.build = defu(config.build, {
+        rollupOptions: {
+          output: {
+            manualChunks: {
+              'prose': [...globals]
+            }
+          }
+        }
+      })
+    })
+
     nuxt.hook('components:extend', components => {
       for (const component of components) {
         if (nonGlobals.has(component.pascalName)) {
@@ -31,7 +45,8 @@ export default defineNuxtModule({
         // With sync: 465KB, gzip: 204KB
         // Without: 418KB, gzip: 184KB
         if (component.global) {
-          component.global = 'sync'
+          globals.add(component.filePath)
+          component.global = true
         }
       }
     })