fix: handle SSR configuration properly (#124)

* fix: handle SSR configuration properly

* chore: simplify transform assets

Author: userquin

playground/nuxt.config.mts

@@ -5,7 +5,7 @@ import LayerModule from './layer-module'
 
 export default defineNuxtConfig({
   extends: ['layers/vuetify-layer'],
-  ssr: true,
+  // ssr: false,
   sourcemap: true,
   imports: {
     autoImport: true,

src/utils/configure-nuxt.ts

@@ -18,8 +18,10 @@ export function configureNuxt(
 
   const runtimeDir = ctx.resolver.resolve('./runtime')
 
-  nuxt.options.build.transpile.push(configKey)
-  nuxt.options.build.transpile.push(runtimeDir)
+  if (!nuxt.options.ssr) {
+    nuxt.options.build.transpile.push(configKey)
+    nuxt.options.build.transpile.push(runtimeDir)
+  }
 
   nuxt.options.css ??= []
   if (typeof styles === 'string' && ['sass', 'expose'].includes(styles))
@@ -29,11 +31,10 @@ export function configureNuxt(
   else if (typeof styles === 'object' && typeof styles?.configFile === 'string')
     nuxt.options.css.unshift(styles.configFile)
 
-  if (includeTransformAssetsUrls) {
+  if (includeTransformAssetsUrls && typeof nuxt.options.vite.vue?.template?.transformAssetUrls === 'undefined') {
     nuxt.options.vite.vue ??= {}
     nuxt.options.vite.vue.template ??= {}
-    if (typeof nuxt.options.vite.vue.template.transformAssetUrls === 'undefined')
-      nuxt.options.vite.vue.template.transformAssetUrls = transformAssetUrls
+    nuxt.options.vite.vue.template.transformAssetUrls = transformAssetUrls
   }
 
   extendWebpackConfig(() => {
@@ -99,16 +100,9 @@ export function configureNuxt(
     })
   }
 
-  if (nuxt.options.dev) {
+  if (nuxt.options.dev || ctx.dateAdapter) {
     addPlugin({
       src: ctx.resolver.resolve(runtimeDir, 'plugins/vuetify-date'),
     })
   }
-  else {
-    if (ctx.dateAdapter) {
-      addPlugin({
-        src: ctx.resolver.resolve(runtimeDir, 'plugins/vuetify-date'),
-      })
-    }
-  }
 }

src/utils/configure-vite.ts

@@ -17,11 +17,18 @@ export function configureVite(configKey: string, nuxt: Nuxt, ctx: VuetifyNuxtCon
 
     viteInlineConfig.optimizeDeps = defu(viteInlineConfig.optimizeDeps, { exclude: ['vuetify'] })
 
-    viteInlineConfig.ssr ||= {}
-    viteInlineConfig.ssr.noExternal = [
-      ...(Array.isArray(viteInlineConfig.ssr.noExternal) ? viteInlineConfig.ssr.noExternal : []),
-      configKey,
-    ]
+    if (nuxt.options.ssr) {
+      viteInlineConfig.ssr ||= {}
+      viteInlineConfig.ssr.noExternal = [
+        ...(Array.isArray(viteInlineConfig.ssr.noExternal)
+          ? viteInlineConfig.ssr.noExternal
+          : viteInlineConfig.ssr.noExternal && typeof viteInlineConfig.ssr.noExternal !== 'boolean'
+            ? [viteInlineConfig.ssr.noExternal]
+            : []
+        ),
+        configKey,
+      ]
+    }
 
     viteInlineConfig.plugins.push(vuetify({ styles: true, autoImport: true }))
     viteInlineConfig.plugins.push(vuetifyStylesPlugin({ styles: ctx.moduleOptions.styles }, ctx.logger))