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 passing a boolean type as a prop with an explicit true value, you can use the following shorthand.

<template>
  <!-- you can use this -->
  <BlogPost is-published />

  <!-- instead of this -->
  <BlogPost :is-published="true" />
</template>