tailwindcss-intellisense icon indicating copy to clipboard operation
tailwindcss-intellisense copied to clipboard

Color Decorators not appearing inside clsx() with double quotes

Open nwpappas opened this issue 1 year ago • 0 comments

What version of VS Code are you using?

1.85.2

What version of Tailwind CSS IntelliSense are you using?

For example: v0.10.5

What version of Tailwind CSS are you using?

For example: v3.4.1

What package manager are you using?

For example: npm

What operating system are you using?

For example: macOS

Tailwind config

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    './src/**/*.svelte',
    './src/**/*.{html,js}'
  ],
  darkMode: ['class', '[flt-theme="dark"]'],
  theme: {
    fontFamily: {
      sans: ['Metropolis', 'Avenir Next', 'sans-serif'],
      mono: ['ui-monospace', 'Consolas', 'Menlo', 'Monaco', 'monospace']
    },
    extend: {},
  },
  plugins: [],
}

VS Code settings

{
  "editor.accessibilitySupport": "off",
  "terminal.integrated.fontFamily": "Fira Code",
  "terminal.external.osxExec": "iTerm.app",
  "git.autofetch": true,
  "editor.rulers": [80],
  "eslint.workingDirectories": [
    {
      "mode": "auto"
    }
  ],
  "cssVariables.lookupFiles": [
    "**/*.css",
    "**/*.scss",
    "**/*.sass",
    "**/*.less",
    "node_modules/@cds/core/styles/module.tokens.css"
  ],
  "[python]": {
    "editor.formatOnType": true
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "diffEditor.ignoreTrimWhitespace": false,
  "tailwindCSS.experimental.classRegex": [
    ["clsx\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
  ],
  "svelte.enable-ts-plugin": true,
  "[svelte]": {
    "editor.defaultFormatter": "svelte.svelte-vscode"
  },
  // "editor.bracketPairColorization.enabled": true,
  // "editor.guides.bracketPairs": "active"
}

Describe your issue

When adding classes to clsx() the color decorator appears when using single quotes, but not when using double quotes. This is troublesome when using Prettier's default quote rules.

Screenshot 2024-01-22 at 2 02 23 PM

nwpappas avatar Jan 22 '24 22:01 nwpappas