How would I enable TailwindCSS Intellisense?

[jjaimealeman]

I ran npx tailwindcss init and it generates tailwind.config.js.

I put this in there:

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./content/**/*.md"],
  theme: {
    extend: {},
  },
  plugins: [],
}

and expected TailwindCSS Intellisense to "just work", but it's not 🤔

Anyone have a solution?

[jjaimealeman]

In file content/1.index.md

If I enter some html like so <a class="bg-emerald-500 text-3xl">test</a> Intellisense works fine,

but it doesn't work with [test]{.text-gray-500.bg-orange-500.text-2xl}

🤔

[atinux]

Does it work with [test]{class="text-gray-500"} ?

Anyway I won't recommend to use Tailwind classes in the Markdown for better readability but use Component to wrap them.

Example:

Welcome to my :highlight[Website]

[jjaimealeman]

Negative, this also does not bring up Intellisense.

[test]{class="text-gray-500"}

I will stick with your recommendation 👍