---------------------- To get TailwindCSS IntelliSense working in NuxtUI v3, you need to make some configurations in your VSCode settings. Here are the steps: 1. Install the **Tailwind CSS IntelliSense** () extension for VSCode. 2. Add the following to your `.vscode/settings.json` file: ```json { "files.associations": { "*.css": "tailwindcss" }, "editor.quickSuggestions": { "strings": true }, "tailwindCSS.experimental.configFile": "tailwind.config.ts", "tailwindCSS.experimental.classRegex": [ **"ui:\\s*{([^)]*)\\s*}", "[\"'`** ([^\"'`]*).*?[\"'`]"], **"/\\*\\s?ui\\s?\\*/\\s*{([^;]*)}", ":\\s*[\"'`** ([^\"'`]*).*?[\"'`]"] ], "tailwindCSS.classAttributes": [ "class", "className", "ngClass", "ui", "active-class", "inactive-class" ] } ``` These settings will enable IntelliSense for Tailwind classes in various contexts, including the `ui` prop and custom configurations **Source** (). 3. If you're using a TypeScript configuration for Tailwind, make sure your `tailwind.config.ts` file is set up correctly: ```typescript import type { Config } from 'tailwindcss' export default > { content: [ 'docs/content/**/*.md' ] } ``` **Source** () 4. For IntelliSense to work with the `ui` prop in your components, you can use the `/*ui*/` prefix: ```vue ``` **Source** ()

How to get TailwindCSS IntelliSense working in NuxtUI v3?

Similar Threads

Similar Threads

Similar Threads