fix(nuxt): fix runtime toggling w/ nuxt

Tahul · Feb 7, 2023 · 5dcacfe · 5dcacfe
1 parent af9b075
commit 5dcacfe
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 11 deletions.
diff --git a/docs/nuxt.config.ts b/docs/nuxt.config.ts
@@ -16,6 +16,7 @@ export default defineNuxtConfig({
   pinceau: {
     followSymbolicLinks: false,
     configFileName: 'tokens.config',
+    runtime: false,
   },
   typescript: {
     includeWorkspace: true,

diff --git a/src/nuxt.ts b/src/nuxt.ts
@@ -184,25 +184,20 @@ const module: any = defineNuxtModule<PinceauOptions>({
         // Support runtime features
         if (options.runtime) {
           lines.push(
-            'import fs from \'node:fs\'',
             'import { dirname, join } from \'pathe\'',
             'import { useRuntimeConfig } from \'#imports\'',
             'import { plugin as pinceau } from \'pinceau/runtime\'',
             'import utils from \'#build/pinceau/utils\'',
             'import theme from \'#build/pinceau/index\'',
             '',
             `export default defineNuxtPlugin(async (nuxtApp) => {
-              // Setup plugin
               nuxtApp.vueApp.use(pinceau, { colorSchemeMode: '${options.colorSchemeMode}', theme, utils })
 
               const { pinceau: runtimeConfig } = useRuntimeConfig()
 
               // Handle first render of SSR styles
               nuxtApp.hook('app:rendered', async (app) => {
-                // Init
                 app.ssrContext.event.pinceauContent = app.ssrContext.event.pinceauContent || {}
-
-                // Runtime styling
                 const content = app.ssrContext.nuxt.vueApp.config.globalProperties.$pinceauSsr.get()
                 app.ssrContext.event.pinceauContent.runtime = content
               })
@@ -227,15 +222,14 @@ const module: any = defineNuxtModule<PinceauOptions>({
           lines.push(
             'import { plugin as pinceau } from \'pinceau/runtime\'',
             'import utils from \'#build/pinceau/utils\'',
-            '',
-            `export default defineNuxtPlugin(async (nuxtApp) => {
-              // Setup plugin
-              nuxtApp.vueApp.use(pinceau, { colorSchemeMode: '${options.colorSchemeMode}', utils })
-            })`,
+            `export default defineNuxtPlugin(async (nuxtApp) => nuxtApp.vueApp.use(pinceau, { colorSchemeMode: '${options.colorSchemeMode}', utils }))`,
           )
         }
         else {
-          lines.push('import \'pinceau.css\'')
+          lines.push(
+            'import \'pinceau.css\'',
+            'export default defineNuxtPlugin(() => {})',
+          )
         }
 
         // Support any reset from @unocss/reset