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 render components dynamically thanks to built-in <Component> component.

<script setup>
import UserSettings from './Foo.vue'
import UserNotifications from './Bar.vue'

const activeComponent = ref(UserSettings);
</script>

<template>
  <component :is="activeComponent" />
</template>

Write better Vue and Nuxt code.

In Vue, you can render components dynamically thanks to built-in <Component> component.

Write better
Vue and Nuxt code.