feat(defineConfig): enable conditional return (#979)

Author: ineshbose

package.json

@@ -24,6 +24,11 @@
       "types": "./dist/merger.d.ts",
       "require": "./dist/merger.cjs",
       "import": "./dist/merger.mjs"
+    },
+    "./config-ctx": {
+      "types": "./dist/config-ctx.d.ts",
+      "require": "./dist/config-ctx.cjs",
+      "import": "./dist/config-ctx.mjs"
     }
   },
   "main": "./dist/module.cjs",
@@ -34,7 +39,8 @@
   "build": {
     "entries": [
       "./src/config",
-      "./src/merger"
+      "./src/merger",
+      "./src/config-ctx"
     ],
     "externals": [
       "@tailwindcss/vite"
@@ -101,7 +107,8 @@
   "packageManager": "[email protected]",
   "resolutions": {
     "@nuxtjs/tailwindcss": "link:.",
-    "@nuxt/ui": "npm:@nuxt/ui-edge"
+    "@nuxt/ui": "npm:@nuxt/ui-edge",
+    "unicorn-magic": "0.2.0"
   },
   "stackblitz": {
     "startCommand": "pnpm dev:prepare && pnpm dev"

playground/tailwind.config.ts

@@ -1,7 +1,8 @@
 import typography from '@tailwindcss/typography'
 import colors from 'tailwindcss/colors'
+import { defineConfig } from '../src/config'
 
-export default {
+export default defineConfig({
   theme: {
     extend: {
       colors: {
@@ -15,4 +16,4 @@ export default {
   plugins: [
     typography(),
   ],
-}
+})

pnpm-lock.yaml

@@ -0,0 +1,3 @@
+import { ctx } from './config'
+
+ctx.set(true)

src/config-ctx.ts

@@ -1,5 +1,13 @@
 import { createDefineConfig } from 'c12'
+import { getContext } from 'unctx'
+import { tryUseNuxt, requireModule } from '@nuxt/kit'
 import type { Config } from 'tailwindcss'
 
-export const defineConfig = createDefineConfig<Partial<Config>>()
+export const ctx = getContext<boolean>('tw-config-ctx')
+
+const _defineConfig = createDefineConfig<Partial<Config>>()
+export const defineConfig: typeof _defineConfig = (config) => {
+  const isNuxt = !!tryUseNuxt()
+  return isNuxt || ctx.tryUse() ? config : requireModule('.nuxt/tailwind/postcss.mjs')
+}
 export default defineConfig

src/config.ts

@@ -216,6 +216,7 @@ const createInternalContext = async (moduleOptions: ModuleOptions, nuxt = useNux
 
             return [
               `// generated by the @nuxtjs/tailwindcss <https://github.com/nuxt-modules/tailwindcss> module at ${(new Date()).toLocaleString()}`,
+              'import "@nuxtjs/tailwindcss/config-ctx"',
               `import configMerger from "@nuxtjs/tailwindcss/merger";\n`,
               layerConfigs.map(([i, _]) => i).filter(Boolean).join(';\n') + ';',
               'const config = [',