fix: css intellisense not working

[nazar1ua]

Workaround for #593

[nazar1ua]

@atinux there are also bug with content, it isn't working, like documented, there are my .nuxt/tailwind.config.cjs:

"files": [
  "utils/**/*.ts",
  "content/**/*.md",
  "/home/nazar/development/website/components/**/*.{vue,js,ts}",
  "/home/nazar/development/website/layouts/**/*.vue",
  "/home/nazar/development/website/pages/**/*.vue",
  "/home/nazar/development/website/composables/**/*.{js,ts}",
  "/home/nazar/development/website/plugins/**/*.{js,ts}",
  "/home/nazar/development/website/App.{js,ts,vue}",
  "/home/nazar/development/website/app.{js,ts,vue}",
  "/home/nazar/development/website/Error.{js,ts,vue}",
  "/home/nazar/development/website/error.{js,ts,vue}"
],

So, can I fix it in this pr?

[nazar1ua]

I want make this (

tailwindcss/src/module.ts

Line 136 in c32cadb

tailwindConfig.content = [...(tailwindConfig.content || []), ...contentPaths]

):

tailwindConfig.content = [...(tailwindConfig.content && tailwindConfig.content.map(src => `${nuxt.options.srcDir}/${src}`) || []), ...contentPaths] // TODO: support `extends` directories

[atinux]

@nazar1ua you have to make sure content is added before tailwind module.

[nazar1ua]

@atinux I'm sorry, but I don't understand you

[atinux]

What's your nuxt.config.ts ?

[nazar1ua]

@atinux

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  modules: [
    '@nuxt/content',
    '@nuxtjs/tailwindcss',
    '@nuxtjs/color-mode',
    '@nuxtjs/google-fonts',
    '@vueuse/nuxt',
  ],
  googleFonts: {
    families: {
      'Open Sans': [400, 500, 600, 700],
      'IBM Plex Sans': [400, 500, 600, 700],
    },
    display: 'swap',
    preconnect: true,
    download: true,
  },
  colorMode: {
    classSuffix: '',
  },
  experimental: {
    payloadExtraction: false,
  },
  app: {
    head: {...}
  },
})

[nazar1ua]

Classes are generated correctly, but I think, It would be better, it there will only relative or only absolute paths, not mix of them