fix: resolve tailwindcss/tailwind.css with pnpm and no shamefully hoi…

…st (#740)
nuxt-modules · Oct 25, 2023 · 52356f9 · 52356f9
1 parent 5d64568
commit 52356f9
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/src/module.ts b/src/module.ts
@@ -92,7 +92,7 @@ export default defineNuxtModule<ModuleOptions>({
 
     /** CSS file handling */
     const cssPath = typeof moduleOptions.cssPath === 'string' ? await resolvePath(moduleOptions.cssPath, { extensions: ['.css', '.sass', '.scss', '.less', '.styl'] }) : false
-    const [resolvedCss, loggerInfo] = resolveCSSPath(cssPath, nuxt)
+    const [resolvedCss, loggerInfo] = await resolveCSSPath(cssPath, nuxt)
     logger.info(loggerInfo)
 
     nuxt.options.css = nuxt.options.css ?? []

diff --git a/src/resolvers.ts b/src/resolvers.ts
@@ -1,6 +1,6 @@
 import { existsSync } from 'fs'
 import { join, relative } from 'pathe'
-import { addTemplate, createResolver, findPath, useNuxt } from '@nuxt/kit'
+import { addTemplate, createResolver, findPath, useNuxt, tryResolveModule } from '@nuxt/kit'
 import type { Arrayable, InjectPosition, ModuleOptions } from './types'
 
 /**
@@ -60,11 +60,22 @@ export const resolveModulePaths = async (configPath: ModuleOptions['configPath']
  * @param nuxt
  * @returns [resolvedCss, loggerMessage]
  */
-export function resolveCSSPath (cssPath: ModuleOptions['cssPath'], nuxt = useNuxt()): [string, string] {
+export async function resolveCSSPath (cssPath: ModuleOptions['cssPath'], nuxt = useNuxt()): Promise<[string, string]> {
   if (typeof cssPath === 'string') {
     return existsSync(cssPath)
       ? [cssPath, `Using Tailwind CSS from ~/${relative(nuxt.options.srcDir, cssPath)}`]
-      : ['tailwindcss/tailwind.css', 'Using default Tailwind CSS file']
+      : await tryResolveModule('tailwindcss/package.json')
+        .then(twLocation => twLocation ? [join(twLocation, '../tailwind.css'), 'Using default Tailwind CSS file'] : Promise.reject('tailwindcss not resolved'))
+        .catch(e => [
+          createResolver(import.meta.url).resolve(
+            addTemplate({
+              filename: '_tailwind.css',
+              write: true,
+              getContents: () => '@tailwind base;\n@tailwind components;\n@tailwind utilities;'
+            }).dst
+          ),
+          `Faced error while trying to use default Tailwind CSS file: ${e?.name || ''} ${e?.message || e}\nCreated default Tailwind CSS file`
+        ]) as [string, string]
   } else {
     return [
       createResolver(import.meta.url).resolve(