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()
)

If you want a CSS selector in scoped styles to be "deep", i.e. affecting child components, you can use the :deep() pseudo-class.

<style scoped>
.a :deep(.b) {
  /* ... */
}
</style>