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

Components using `<script setup>` are closed by default. To explicitly expose properties in a `<script setup>` component, use the defineExpose compiler macro.

<script setup>
import { ref } from 'vue'

const a = 1
const b = ref(2)

defineExpose({
  a,
  b
})
</script>