@apply directives can't built properly in build & preview Nuxt 3

[chrisnaadhi]

Heyo!
It's my first time to open an issue in unocss.
Directive @apply work flawlessly on dev mode, but seems like the generated build on Nuxt 3 doesn't built properly with @apply directive.
Dev Mode :

Built & Preview :

While using --at-apply work flawlessly as intended on dev mode & built mode.

Reproduction :
Install Nuxt 3 with UnoCSS module then use @apply directive and built it with npm run build
made a repro : https://stackblitz.com/github/chrisnaadhi/apply-uno-repro

[nguyenvuhoangbt]

@chrisnaadhi have you fixed it ? I ran into this problem on my site. If you manage to fix it, can you share with me ?

[chrisnaadhi]

@chrisnaadhi have you fixed it ? I ran into this problem on my site. If you manage to fix it, can you share with me ?

@nguyenvuhoangbt i'm able to fix it by change the @apply to --at-apply
example :
@apply bg-red-300 text-center;
change to
--at-apply: bg-red-300 text-center;

[nguyenvuhoangbt]

@chrisnaadhi It works for me. Thank you so much

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[sibbng]

This is fixed in v0.47.3

Related PR: #1930