<template>
  <div class="text--tab--layout">
    <ul>
      <li class="link--force">
        <NuxtLink :class="{ actv: actvIndex == 0 }" to="/aboutaudi/audi_connect"
          >Audi Connect</NuxtLink
        >
      </li>
      <li>
        <NuxtLink
          :class="{ actv: actvIndex == 1 }"
          to="/aboutaudi/audi_connect/apps-and-services/"
          >서비스 개요</NuxtLink
        >
      </li>
    </ul>
  </div>
</template>
<script setup>
  // Props 정의
  const props = defineProps({
    actvIndex: {
      type: Number,
      default: 0,
      validator: (value) => [0, 1, 2, 3, 4, 5].includes(value),
    },
  });
</script>
