<template>
  <div class="min-h-[60vh] flex flex-col items-center justify-center gap-6 text-center">
    <div class="space-y-2">
      <h1 class="text-3xl font-semibold">Gestion des catalogues</h1>
      <p class="text-sm text-gray-500">
        Administrez les modèles de composants et de pièces utilisés lors de la configuration des machines.
      </p>
    </div>
    <div class="flex flex-wrap items-center justify-center gap-3">
      <NuxtLink to="/models/components" class="btn btn-primary">
        Catalogue de composant
      </NuxtLink>
      <NuxtLink to="/models/pieces" class="btn btn-outline">
        Catalogue de pièce
      </NuxtLink>
    </div>
  </div>
</template>

<script setup>
const route = useRoute()
if (route.fullPath === '/models') {
  navigateTo('/models/components', { replace: true })
}
</script>
