Separating Swiper into chunks from entry bundle

Swiper is a relatively large library. When compiling Nuxt, it increases the main entry.js by about 200kb, entry.css by about 100kb. With this modification, swiper will be separated into its own chunk, improving the loading speed of the application.

src/module.ts

@@ -2,7 +2,8 @@ import * as swiper from 'swiper'
 import {
   defineNuxtModule,
   addPluginTemplate,
-  addImports
+  addImports,
+  extendViteConfig
 } from '@nuxt/kit'
 import { name, version } from '../package.json'
 
@@ -36,6 +37,19 @@ export default defineNuxtModule<SwiperModuleOptions>({
       }
     ]
 
+    // Separating Swiper into chunks from Nuxt entry bundle
+    extendViteConfig((viteConfig) => {
+      if (viteConfig.build?.rollupOptions?.manualChunks) {
+        return
+      }
+
+      viteConfig.build!.rollupOptions!.manualChunks = function (id) {
+        if (id.includes('/node_modules/swiper')) {
+          return `vendor-swiper`
+        }
+      }
+    })
+
     // Import Each Swiper Module & CSS if it exists.
     for (const [key, _] of Object.entries(swiper)) {
       // Turn key to snake-case.