defineNuxtComponent

ソース
defineNuxtComponent() は、Options API で型安全なコンポーネントを定義するためのヘルパー関数です。
defineNuxtComponent() は、defineComponent()と類似したOptions API を使用して、型安全なVueコンポーネントを定義するためのヘルパー関数です。defineNuxtComponent() ラッパーは、asyncData および head コンポーネントオプションもサポートしています。
<script setup lang="ts"> を使用することが、Nuxt で Vue コンポーネントを宣言する推奨される方法です。
詳細については、Docs > Getting Started > Data Fetching を参照してください。

asyncData()

アプリで setup() を使用しない場合、コンポーネント定義内で asyncData() メソッドを使用できます。

app/pages/index.vue
<script lang="ts">
export default defineNuxtComponent({
  asyncData () {
    return {
      data: {
        greetings: 'hello world!',
      },
    }
  },
})
</script>

head()

アプリで setup() を使用しない場合、コンポーネント定義内で head() メソッドを使用できます。

app/pages/index.vue
<script lang="ts">
export default defineNuxtComponent({
  head (nuxtApp) {
    return {
      title: 'My site',
    }
  },
})
</script>