defineNuxtComponent

Исходный код
Функция defineNuxtComponent() — вспомогательная обёртка для типобезопасных компонентов на Options API.
defineNuxtComponent() — вспомогательная функция для определения типобезопасных компонентов Vue с использованием Options API, аналогично defineComponent(). Обертка defineNuxtComponent() также добавляет поддержку опций компонента asyncData и head.
Использование <script setup lang="ts"> является рекомендуемым способом объявления компонентов Vue в Nuxt.
Узнать больше Docs > 3 X > Getting Started > Data Fetching.

asyncData()

Если вы решите не использовать setup() в своем приложении, вы можете использовать метод asyncData() в определении компонента:

pages/index.vue
<script lang="ts">
export default defineNuxtComponent({
  asyncData () {
    return {
      data: {
        greetings: 'привет мир!',
      },
    }
  },
})
</script>

head()

Если вы решите не использовать setup() в своем приложении, вы можете использовать метод head() в определении компонента:

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