Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

how to make classname has underline when using `@apply`?

See original GitHub issue

When i using in the `class` attribute,it works fine:

微信截图_20220830131835

using `@apply`:

someone help me?

Issue Analytics

State:
Created a year ago
Comments:8 (3 by maintainers)

Top GitHub Comments

1reaction

hequ9commented, Aug 31, 2022

i seem to have found something wrong.

when transformerDirectives in my uno.config.ts, it will fail.

the way i solved it was to add transformerDirectives to vite.config.ts, now it’s ok.

im not sure if this is a bug from unocss extension?

0reactions

lrstanleycommented, Sep 10, 2022

Using both the latest extension as well as the latest version of unocss with vite, running into the same issue with vscode. @apply is broken, including hovering over utility classes inside of @apply. What’s odd is this works for me inside of a vue SFC file, but not in .css files. Tried both loading the config from vite, as well as a standalone file. Properly set unocss.root as well in vscode.

EDIT: tried each unocss vscode extension version from latest, all the way back to 0.45.12, and this is the newest version that fixes those classes being properly picked up in vscode, with proper underline, hover intellisense, color circles, etc.