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 Nuxt, you can reduce CLS by using local font fallbacks thanks to the awesome Fontaine library.

install the package

npm install -D @nuxtjs/fontaine

and set the module inside nuxt.config

export default defineNuxtConfig({
  modules: ['@nuxtjs/fontaine'],
})

And that's it!