In Vue, when you're using scoped styles but want just one rule to apply globally, you can use the `:global` pseudo-class instead of creating another <style>.

<style scoped>
:global(.red) {
  color: red;
}
</style>

A collection of Vue, Nuxt and Vite tips, tricks and good practices.