<template>
  <div class="min-h-screen bg-gray-50 text-gray-900">
    <header class="bg-indigo-600 text-white p-4 shadow-md flex gap-4">
      <!-- <a> 태그 대신 NuxtLink를 사용하여 페이지 전환 시 깜빡임을 방지합니다. -->
      <NuxtLink to="/" class="font-bold hover:text-indigo-200 transition">홈</NuxtLink>
      <NuxtLink to="/about" class="font-bold hover:text-indigo-200 transition">소개</NuxtLink>
      <NuxtLink to="/users/999" class="font-bold text-yellow-300 hover:text-yellow-100 transition">유저 정보 (동적)</NuxtLink>
    </header>

    <main class="p-8 max-w-4xl mx-auto">
      <!-- pages 폴더 안의 각 화면이 여기에 쏙 들어옵니다! -->
      <slot />
    </main>
  </div>
</template>