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

"Unknown at rule @apply" warning in Vue SFC style section

Open deisner opened this issue 1 year ago • 1 comments

What version of VS Code are you using?

v1.90.2

What version of Tailwind CSS IntelliSense are you using?

v0.12.1

What version of Tailwind CSS are you using?

v3.4.4

What package manager are you using?

npm

What operating system are you using?

macOS

Tailwind config

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{vue,js,ts,jsx,tsx}"
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

VS Code settings

{}

Reproduction URL https://github.com/deisner/tailwind-css-intellisense-atrule-mre

Describe your issue

I'm getting an Unknown at rule @apply css(unknownAtRules) warning in the style section of my Vue3 SFC:

image

Note that the tailwind style is being applied, and intellisense is otherwise working, as you can see with the text-orange-... suggestions.

Also, when I commited my chages (or pushed the changes, can't recall), the warning went away. But when I reload the window, it reappears. Maybe there's a race condition?

Thanks for your help!

deisner avatar Jun 25 '24 19:06 deisner