-
Notifications
You must be signed in to change notification settings - Fork 546
This issue was moved to a discussion.
You can continue the conversation there. Go to discussion →
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
An option to generate scoped styles using :where
#554
Comments
If it this can work reliable in all cases, that would be a great idea. I just want to point out that within the current major version of Vue, this should be an opt-in change as this could easily break existing applications that rely on that increased specificity (often unbeknownst to the developers). |
so basically allow :where() and :is()? |
|
Ah, vuejs/core#8929 is a bit different. It still generates the scoped attribute like So, if I have something like this: In future, there might be a way to opt into style generation like this: .foo:where([data-v-7ba5bd90]) {
color: red;
} However, I agree this might not be desirable in some cases, and it would be easier to just do it with a custom postcss plugin instead. IG this can likely be closed as not planned. |
This issue is not about supporting |
Yes, these supports still require further consideration |
This issue was moved to a discussion.
You can continue the conversation there. Go to discussion →
What problem does this feature solve?
Currently styles are generated like this:
It would be better if there is some option that can generate styles like this:
In the above output, the specificity of the selector is preserved.
What does the proposed API look like?
Some option at config level like:
The text was updated successfully, but these errors were encountered: