Autocompletion isn't working in pug file

I am not getting windiCSS autocompletion when using pug in vscode 🤔

Steps:

1. Create new project pnpm exec create-vite windi-int --template vanilla-ts
2. add windi & pug: pnpm add vite-plugin-windicss windicss pug-cli
3. Install WindiCSS IntelliSense extension
4. add vscode config:
5. Add vite config & windi import in main file according to docs: https://windicss.org/integrations/vite.html#install

{ “windicss.enableEmmetCompletion”: true, // Below setting is not working I guess. I don’t know if this is even required or not “windicss.includeLanguages”: { “*.pug”: “html” } }

// vite.config.ts import WindiCSS from ‘vite-plugin-windicss’

export default { plugins: [ WindiCSS(), ], }

// main.ts

import ‘virtual:windi.css’ import ‘./style.css’

With this setup if I type .h in HTML file I am getting autocompletion but in .pug file with .h I am not getting autocompletion 🤔

What I am missing here.

Regards.

[jd-solanki]

Hey @alexanderniebuhr It’s working with your latest patterns 😍

For others below is full config as I will remove the repo from my github.

{
    "editor.quickSuggestions": {
        "strings": true
    },
    "windicss.enableEmmetCompletion": true,
    "windicss.includeLanguages": {
        "jade": {
            "type": "html",
            "patterns": [
                "(\\s*class(Name)?\\s*=\\s*{?\\s*[\"'`])[^\"'`]*$",
                "\\.\\S*$"
            ]
        }
    },
}

Thanks for taking the time to look into this.

I really appreciate that. 😊

[jd-solanki]

Hi @alexanderniebuhr

Here’s the repo: https://github.com/jd-0001/windi-autocompletion-issue

and steps are mentioned in readme.

Regards.