prefetching 질문

<template>
  <div>
<q-page padding>
  <div class='text-center q-py-xl'>
    <div class='text-h4'>
      {{ $route.path }}
    </div>
  </div>
</q-page>
  </div>
</template>

<scipt lang='ts'>
//아래 문장을 추가해야 링크클릭 가능 
export default {
  
};
  console.log('prefetching-1');
  
</scipt>
<script setup lang="ts">

</script>

<style scoped>

</style>

1. 일단 각 prefetching-1,2,3 vue파일에 script 부분에
   export default를 선언해야 강의로드맵 클릭했을때 이동이 되는데 왜그런가요?? 강의교안에는 그런게 없어서 영상에는 이동이 잘 되는데 말이죠..

      <NuxtLink v-slot="{ navigate }" custom to="/course/prefetching-1">
              <q-item clickable @click="navigate()">Prefetching Test 1</q-item>
            </NuxtLink>
            <NuxtLink v-slot="{ navigate }" custom to="/course/prefetching-2">
              <q-item clickable @click="navigate()">Prefetching Test 2</q-item>
            </NuxtLink>
            <NuxtLink v-slot="{ navigate }" custom to="/course/prefetching-3">
              <q-item clickable @click="navigate()">Prefetching Test 3</q-item>
            </NuxtLink>

2. Prefetching에서 NuxtLink tag 안에 custom을 제거하면 prefetching이 정상적으로 되고 custom을 입력하면 prefetching이 되지 않는 것을 console.log에서 확인하였어요.. 혹시 왜그런지 아실까요?
   
   source :
   https://github.com/nhs0912/onego-front/tree/routing

<!-- 방법 1: script setup만 사용 -->
<script setup lang="ts">
// 여기서는 export default가 필요 없습니다
</script>

<!-- 방법 2: 일반 script와 함께 사용 -->
<script lang="ts">
export default {}
</script>

<NuxtLink 
  v-slot="{ navigate }" 
  custom 
  :prefetch="true"
  to="/course/prefetching-1"
>
  <q-item clickable @click="navigate()">Prefetching Test 1</q-item>
</NuxtLink>

<NuxtLink 
  class="q-item"
  to="/course/prefetching-1"
>
  Prefetching Test 1
</NuxtLink>