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, when you are using large data structures and you don't need deep reactivity, you can make use of shallowRef instead of ref.

const state = shallowRef({ count: 1 })

// does NOT trigger change
state.value.count = 2

// does trigger change
state.value = { count: 2 }