Remplacement

shadcn-docs-nuxt est une Couche Nuxt. Vous pouvez remplacer n'importe quel composant dans shadcn-docs-nuxt en créant un composant Vue personnalisé dans votre projet avec le même chemin que le composant original. Assurez-vous que votre composant contient les mêmes props que le composant original.

Voici un bref aperçu du dossier components/ dans shadcn-docs-nuxt.

Par exemple, si vous souhaitez remplacer le composant Footer, créez /components/layout/Footer.vue dans la racine de votre projet.

<template>
  <footer class="text-muted-foreground py-6 md:px-8 md:py-0">
    <div class="container flex flex-col items-center justify-between gap-2 md:h-24 md:flex-row">
      Mon pied de page
      <span class="flex-1" />
      {{ footer.credits }}
    </div>
  </footer>
</template>

<script setup lang="ts">
const { footer } = useConfig().value;
</script>