<template>
  <main class="container mx-auto px-6 py-12">
    <section class="mx-auto max-w-2xl space-y-4 rounded-2xl border border-dashed border-base-300 bg-base-100 p-8 text-center shadow-sm">
      <h1 class="text-3xl font-semibold text-gray-800">
        Le catalogue de modèles a été retiré
      </h1>
      <p class="text-sm text-gray-500">
        Les modèles sont désormais gérés directement depuis les catégories de composants.
        Retrouvez tous vos squelettes et paramètres de référence dans la gestion des catégories.
      </p>
      <div class="flex flex-wrap items-center justify-center gap-3 pt-2">
        <NuxtLink to="/component-category" class="btn btn-primary">
          Ouvrir la gestion des catégories
        </NuxtLink>
        <NuxtLink to="/piece-category" class="btn btn-outline">
          Gérer les catégories de pièces
        </NuxtLink>
      </div>
    </section>
  </main>
</template>

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

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