VSCode's 'WindiCSS IntelliSense' plugin is disabled after I use 'windi.config.js' in my vue project

[lainbo]

// windi.config.js
import { defineConfig } from 'windicss/helpers'

export default defineConfig({
  preflight: {
    blocklist: 'img'
  }
})

After this config, vscode's syntax hint plugin will not hint

[leosin]

me too ,and without preflight, still not work

[jiangmaniu]

At present, WindiCSS IntelliSense seems to conflict with other plugins, which will cause the issue of WindiCSS IntelliSense not working. For details, please see #149 and #132, which may help you

[lainbo]

At present, WindiCSS IntelliSense seems to conflict with other plugins, which will cause the issue of WindiCSS IntelliSense not working. For details, please see #149 and #132, which may help you

Thanks for your answer, after I disable "Auto Rename Tag", WindiCSS IntelliSense started to work, but then I can't auto rename tags, is there any better way? By the way, you can speak Chinese

[jbaubree]

In my case, i had same issue and i fixed it directly importing Windicss in my package.json. I think vite-plugin-windicss does not link well windicss for vs-code. You can also try to export your windicss config file without defineConfig(), it will be better because vscode will not search anything from 'windicss'.

Hope that will help :)