WindiCSS IntelliSense dont no support Autocomplete and more features

[Scouterdev]

install, WindiCSS IntelliSense for VS code dont no support Autocomplete and more features?

My project: sveltekit + vite + typescript + Windicss

Console log: Output Windi CSS Intellisense Is Now Active!

My status:

Version: 1.57.1 (user setup) Date: 2021-06-17T13:28:07.755Z Electron: 12.0.7 Node.js: 14.16.0 V8: 8.9.255.25-electron.0 OS: Windows_NT x64 10.0.19042

[Scouterdev]

All ok fix problem, rename file name from tailwind.config.js to windi.config.js and successfully run Autocomplete and all features.

But.. not all fully operational

Console log: Output Config File c:\Users\sveltewindi\windi.config.ts Has Been Deleted, Reloading... Loading Default Config

return basic name for file, does not work WindiCSS IntelliSense.. something's wrong with windi.config.js configuration

[alexanderniebuhr]

can you provide more information what is not working?

[Scouterdev]

Installl WindiCSS IntelliSense for VS Code, does not display (Autocomplete) Intelligent suggestions for utilities and variants..

But deleting file tailwind.config.js all features starts working.. but in that case I will not have configuring Windi CSS file..

[alexanderniebuhr]

Do you have a repro for me to test? I cannot reproduce this issue, in my repos.

[Scouterdev]

before that was module.exports = { ] for windi.config.js and change to export default defineConfig({ })

and fix problem for WindiCSS IntelliSense..

but have more problem for this code.

written code inside class {enabled ? 'opacity-0' : 'opacity-100'} does not display (Autocomplete) for WindiCSS IntelliSense but remove this code, all everything working for CSS for a class name by hovering over it.

E.g for code:

export let enabled = false;
const toggle = () => (enabled = !enabled);

<span class="{enabled ? 'opacity-0' : 'opacity-100'} ease-in duration-200 absolute inset-0 h-full w-full flex items-center justify-center transition-opacity" aria-hidden="true"

or not allowed written code inside class for {enabled ? 'opacity-0' : 'opacity-100'}?

[alexanderniebuhr]

.svelte files?

[alexanderniebuhr]

Look at the screenshot it works for me. Can you share your screenshot, or a minimal repro to clone? windi.config.js

[Scouterdev]

I think the intellisense can't know that you are in a class context.

Repo for project: repo windi.config.js

yes .svelte files

[alexanderniebuhr]

Only one bug with the inline template strings.. Will fix this. But it should work everywhere else

[alexanderniebuhr]

@Klonuotas check if https://github.com/windicss/windicss-intellisense/releases/tag/v0.19.1 fixes your problem?

[Scouterdev]

@Klonuotas check if https://github.com/windicss/windicss-intellisense/releases/tag/v0.19.1 fixes your problem?

Thix all everything working.