fix(layer): resolve tailwind + ui pro css paths (#1161)

Author: danielroe

layer/modules/css.ts

@@ -1,5 +1,6 @@
 import { defineNuxtModule, addTemplate } from '@nuxt/kit'
 import { joinURL } from 'ufo'
+import { resolveModulePath } from 'exsolve'
 
 export default defineNuxtModule({
   meta: {
@@ -9,12 +10,14 @@ export default defineNuxtModule({
     const dir = nuxt.options.rootDir
 
     const contentDir = joinURL(dir, 'content')
+    const uiProPath = resolveModulePath('@nuxt/ui-pro', { from: import.meta.url, conditions: ['style'] })
+    const tailwindPath = resolveModulePath('tailwindcss', { from: import.meta.url, conditions: ['style'] })
 
     const cssTemplate = addTemplate({
       filename: 'docus.css',
       getContents: () => {
-        return `@import "tailwindcss";
-@import "@nuxt/ui-pro";
+        return `@import ${JSON.stringify(tailwindPath)};
+@import ${JSON.stringify(uiProPath)};
 
 @source "${contentDir.replace(/\\/g, '/')}/**/*";
 @source "../../app.config.ts";`

layer/package.json

@@ -34,6 +34,7 @@
     "@nuxtjs/robots": "^5.4.0",
     "@vueuse/core": "^13.6.0",
     "defu": "^6.1.4",
+    "exsolve": "^1.0.7",
     "git-url-parse": "^16.1.0",
     "minimark": "^0.2.0",
     "motion-v": "^1.7.0",