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

Console logging reactive items in Vue is not always intuitive. Turn on custom formatters and enjoy formatted console output for anything reactive.

You can enable custom formatters in Chrome (Chromium) DevTools by selecting the option "Console -> Enable custom formatters."