defineNuxtComponent

Source
Хелпер для определения типобезопасных компонентов в Options API.
defineNuxtComponent() — хелпер для объявления типобезопасных компонентов в формате Options API (аналог defineComponent()) с поддержкой опций asyncData и head.
В Nuxt рекомендуется объявлять компоненты через <script setup lang="ts">.
Узнать больше 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 можно задать методом head() в опциях компонента:

app/pages/index.vue
<script lang="ts">
export default defineNuxtComponent({
  head (nuxtApp) {
    return {
      title: 'Мой сайт',
    }
  },
})
</script>