How to prevent UnoCSS to generate classes from <style> tag in vue SFC?

[fuale]

For example, i have following vue 3 SFC component:

<template>
  <div class="item"></div>
</template>

<style scoped>
.item {
  margin-top: 2rem;
  display: flex;
  position: relative;
}
</style>

Then in UnoCSS inspector i see following classes generated:

/* layer: default */
.flex{display:flex;}
.relative{position:relative;}

And in final build it is also there.

[zyyv]

Uno will not inject the generated css in sfc unless you use vue-scoped mode https://unocss.dev/integrations/vite#vue-scoped.
In the inspector, it represents the unitilities extracted by uno from this file. And provide reference to the generated css.

Uno will do its best to fully parse your code. Include the code in your ts . This is expected behavior.