chore: retire legacy model catalogs

app/pages/models/index.vue

@@ -1,27 +1,27 @@
 <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>
+  <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">
-        Administrez les modèles de composants et de pièces utilisés lors de la configuration des machines.
+        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-catalog" class="btn btn-primary">
-        Catalogue de composant
+      <NuxtLink to="/component-category" class="btn btn-primary">
+        Gestion des catégories de composants
       </NuxtLink>
-      <NuxtLink to="/pieces-catalog" class="btn btn-outline">
-        Catalogue de pièce
+      <NuxtLink to="/piece-category" class="btn btn-outline">
+        Gestion des catégories de pièces
       </NuxtLink>
     </div>
   </div>
 </template>
 
-<script setup>
-const route = useRoute()
-if (route.fullPath === '/models') {
-  navigateTo('/component-catalog', { replace: true })
-}
+<script setup lang="ts">
+import { onMounted } from 'vue'
+
+onMounted(() => {
+  navigateTo('/component-category', { replace: true })
+})
 </script>