format *.vue style like unocss/tailwindcss hover:bg-red-400 got blank space
See original GitHub issue"[vue]": {
"editor.defaultFormatter": "Vue.volar"
},
<style scoped lang="scss">
h3 {
@apply hover:text-red-400 // <- when save file it change to hover: text-red-400
}
</style>
Issue Analytics
- State:
- Created a year ago
- Reactions:1
- Comments:10 (2 by maintainers)
Top Results From Across the Web
Handling Hover, Focus, and Other States - Tailwind CSS
Using utilities to style elements on hover, focus, and more. Every utility class in Tailwind can be applied conditionally by adding a modifier...
Read more >New features in UnoCSS: A Tailwind CSS alternative
It provides a common superset of the popular utility-first CSS frameworks like Tailwind CSS, Windi CSS, and Bootstrap. UnoCSS is becoming ...
Read more >How can I auto-format the style block in vue3 properly with ...
I'm facing the same issue as you. What I can do now is install the postcss-nesting package add it to the postcss.config.js file:...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
same +1
how to use prettier only format css code in .vue file?
or can i use stylelint to fix?
i don’t like prettier plug to format vue template…
I’m also facing this issue, is there a configuration option or way to use prettier globally versus within a single project?