<script setup lang="ts">
const title = 'fe-common-rules 연동 샘플'
</script>

<template>
  <div class="flex min-h-screen items-center justify-center bg-brand-50">
    <div class="rounded-2xl bg-white px-8 py-10 shadow-md">
      <h1 class="text-2xl font-bold text-brand-700">{{ title }}</h1>
      <p class="mt-2 text-slate-600">
        공통 지침은 <code>.claude/common</code>,
        프로젝트 지침은 <code>.claude/project</code> 에서 확인하세요.
      </p>
    </div>
  </div>
</template>
