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

In Vue, you can use any dynamic value directly in your `<style>` thanks to the `v-bind` directive. It is fully reactive.

<style scoped>
button {
  background-color: v-bind(backgroundColor);
}
</style>