Write better
Vue and Nuxt code.

A highly curated collection of practical tips, advanced patterns, and performance tweaks for Vue & Nuxt.

useTip.ts

const { tip } = useAsyncData(
'awesome-trick',
() => queryContent().findOne()
)

By default, scoped styles do not affect contents rendered by <slot/>. To explicitly target slot content, use the :slotted pseudo-class.

<style scoped>
:slotted(div) {
  color: red;
}
</style>