<template>
  <div class="min-h-[60vh] flex flex-col items-center justify-center gap-6 text-center px-6">
    <div class="space-y-2 max-w-xl">
      <h1 class="text-3xl font-semibold">Catalogue retiré</h1>
      <p class="text-sm text-gray-500">
        La gestion des modèles s'effectue désormais directement depuis les catégories de composants et de pièces.
        Retrouvez l'intégralité des squelettes et champs personnalisés dans ces écrans dédiés.
      </p>
    </div>
    <div class="flex flex-wrap items-center justify-center gap-3">
      <NuxtLink to="/component-category" class="btn btn-primary">
        Gestion des catégories de composants
      </NuxtLink>
      <NuxtLink to="/piece-category" class="btn btn-outline">
        Gestion des catégories de pièces
      </NuxtLink>
    </div>
  </div>
</template>

<script setup lang="ts">
import { onMounted } from 'vue'

onMounted(() => {
  navigateTo('/component-category', { replace: true })
})
</script>
