<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 pièces a été archivé
      </h1>
      <p class="text-sm text-gray-500">
        La configuration des pièces repose désormais sur les catégories enrichies de squelettes.
        Utilisez la gestion des catégories pour définir les structures et champs personnalisés de référence.
      </p>
      <div class="flex flex-wrap items-center justify-center gap-3 pt-2">
        <NuxtLink to="/piece-category" class="btn btn-primary">
          Gérer les catégories de pièces
        </NuxtLink>
        <NuxtLink to="/component-category" class="btn btn-outline">
          Accéder aux catégories de composants
        </NuxtLink>
      </div>
    </section>
  </main>
</template>

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

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