I recently followed the installation guide for using Tailwind with Next.js
Here is a snippet from my tailwind.config.js file:
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./app/**/*.{js,ts,jsx,tsx}",
"./pages/**/*.{js,ts,jsx,tsx}",
"./components/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {},
},
plugins: [],
}
However, I encountered an issue where intellisense only works when I prefix my class names with a space.
Check out this example gif showing the issue
Additionally, below is a snippet from my vscode settings.json file. Despite trying to identify the cause of the bug there, including commenting out specific configurations, the problem persists:
{
"color-highlight.markerType": "dot-before",
"explorer.confirmDelete": false,
"javascript.updateImportsOnFileMove.enabled": "always",
...
(remaining JSON configuration options)
...
"window.zoomLevel": 1,
}