'Hot to use sugarss <style lang="sss"><style> with vue and vite?

When I use <style>...</style> in App.vue

https://github.com/ksevelyar/fitlog-vue/tree/219abdb2f48e243fff37be293ed9b5783a65d0a6

Vite works with sugarss without a problem:

enter image description here

But this is not working well for proper highlighting in editor or proper work of stylelint:

enter image description here

(it probably thinks it regular CSS)

When I use <style lang="sss">...</style>

https://github.com/ksevelyar/fitlog-vue/tree/b7d85045b271841a1b58bd4ef170ca1a1485cdb6

Vite shows an error:

enter image description here

Question

So, the question is, how to use <style lang="sss"><style> inside .vue files?

Should I pass some options to style for vue/compiler-sfc to link sss with sugarss syntax?



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source