defineNuxtComponent

Source
defineNuxtComponent()는 Options API로 타입 안전한 컴포넌트를 정의하기 위한 헬퍼 함수입니다.
defineNuxtComponent()는 defineComponent()와 유사한 Options API를 사용하여 타입 안전한 Vue 컴포넌트를 정의하기 위한 헬퍼 함수입니다. defineNuxtComponent() 래퍼는 asyncData 및 head 컴포넌트 옵션에 대한 지원도 추가합니다.
Nuxt에서 Vue 컴포넌트를 선언하는 권장 방식은 <script setup lang="ts">를 사용하는 것입니다.
Read more in 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>