📦 Extends from Nuxt layer

nuxt-bego-ui

components/PriceCard.vue

@@ -11,23 +11,23 @@ defineProps<{
 </script>
 
 <template>
- <UiCard>
+ <BegoCard>
  <div class="gap-6 lg:gap-x-8 xl:gap-x-10 flex flex-col lg:grid lg:grid-cols-10">
  <div class="lg:col-span-7">
  <div class="flex items-center gap-3">
- <UiIcon v-if="icon" :icon="icon" size="xl" />
+ <BegoIcon v-if="icon" :icon="icon" size="xl" />
  <p class="text-lg sm:text-2xl font-semibold truncate">
  {{ title }}
  </p>
  </div>
- <UiP v-if="description" class="mt-3">
+ <BegoP v-if="description" class="mt-3">
  {{ description }}
- </UiP>
- <UiDivider v-if="features?.length" class="my-6 lg:my-8" />
+ </BegoP>
+ <BegoDivider v-if="features?.length" class="my-6 lg:my-8" />
  <div v-if="features?.length" class="flex-1">
  <ul class="grid lg:grid-cols-2 text-sm gap-3">
  <li v-for="{ label, icon: fIcon } of features" :key="label" class="flex items-center gap-x-2 min-w-0">
- <UiIcon :icon="fIcon ? fIcon : 'i-mingcute-check-fill'" size="md" class="text-bego-400" />
+ <BegoIcon :icon="fIcon ? fIcon : 'i-mingcute-check-fill'" size="md" class="text-bego-400" />
  <span class="text-zinc-400 truncate" :title="label">{{ label }}</span>
  </li>
  </ul>
@@ -55,5 +55,5 @@ defineProps<{
  </template>
  </div>
  </div>
- </UiCard>
+ </BegoCard>
 </template>

components/TheFooter.vue

@@ -23,24 +23,24 @@ const linksRight = [
 </script>
 
 <template>
- <UiFooter :links="footerLinks">
+ <BegoFooter :links="footerLinks">
  <template #left>
  <div class="flex items-center">
- <UiIcon icon="i-mingcute-copyright-line" />
- <UiButton
+ <BegoIcon icon="i-mingcute-copyright-line" />
+ <BegoButton
  to="https://creativecommons.org/licenses/by-nc-sa/4.0/"
  target="_blank"
  variant="link"
  size="sm"
  white
  >
  CC BY-NC-SA 4.0
- </UiButton>
+ </BegoButton>
  <span>tcastanie.dev {{ new Date().getFullYear() }}</span>
  </div>
  </template>
  <template #right>
- <UiButton
+ <BegoButton
  v-for="{ label, to, icon, target } of linksRight"
  :key="label"
  :to="to"
@@ -53,7 +53,7 @@ const linksRight = [
  :title="label"
  :aria-label="label"
  />
- <UiButton
+ <BegoButton
  to="https://www.malt.fr/profile/tcastanie"
  target="_blank"
  variant="link"
@@ -64,8 +64,8 @@ const linksRight = [
  aria-label="Malt"
  >
  <SvgMalt class="h-4 w-4" />
- </UiButton>
- <UiButton
+ </BegoButton>
+ <BegoButton
  v-if="shitMode"
  icon="i-mingcute-planet-line"
  variant="link"
@@ -77,7 +77,7 @@ const linksRight = [
  @click="toggleShitMode()"
  />
  </template>
- </UiFooter>
+ </BegoFooter>
  <audio
  v-if="shitMode"
  ref="sg1"

components/TheHeader.vue

@@ -9,9 +9,9 @@ const headerLinks = [
 </script>
 
 <template>
- <UiHeader title="Thibaut Castanié" :links="headerLinks">
+ <BegoHeader title="Thibaut Castanié" :links="headerLinks">
  <template #right>
- <UiButton
+ <BegoButton
  variant="ghost"
  icon="i-mingcute-planet-line"
  square
@@ -20,5 +20,5 @@ const headerLinks = [
  @click="toggleShitMode()"
  />
  </template>
- </UiHeader>
+ </BegoHeader>
 </template>

components/TheIntroduction.vue

@@ -4,41 +4,41 @@ const { shitMode } = useShitMode()
 
 <template>
  <div class="cursor-default text-pretty grid gap-y-8">
- <UiH2 class="" :class="{ 'animate-bounce': shitMode }">
+ <BegoH2 class="" :class="{ 'animate-bounce': shitMode }">
  Bonjour !
- </UiH2>
- <UiP class="group hover:text-zinc-400">
+ </BegoH2>
+ <BegoP class="group hover:text-zinc-400">
  <span class="i-mingcute-user-2-line mr-2 h-8 w-8 inline-flex align-bottom text-bego-400 group-hover:text-bego-700" :class="{ 'animate-bounce': shitMode }" />
  Je suis Thibaut Castanié, développeur web indépendant spécialisé en JavaScript.
- </UiP>
- <UiP class="group hover:text-zinc-400">
+ </BegoP>
+ <BegoP class="group hover:text-zinc-400">
  <span class="i-mingcute-terminal-box-line mr-2 h-8 w-8 inline-flex align-bottom text-bego-400 group-hover:text-bego-700" :class="{ 'animate-bounce': shitMode }" />
- J'ai huit ans d'XP en développement web, principalement en front-end et dans l'écosystème de Vue <span class="i-logos-vue h-5 w-5 inline-flex align-sub mx-0.5 mb-0.5" /> et Nuxt <span class="i-logos-nuxt-icon h-6 w-6 inline-flex align-sub mx-0.5" />.
- </UiP>
- <UiP class="group hover:text-zinc-400">
+ J'ai huit ans d'xp en développement web, principalement en front-end et dans l'écosystème de Vue <span class="i-logos-vue h-5 w-5 inline-flex align-sub mx-0.5 mb-0.5" /> et Nuxt <span class="i-logos-nuxt-icon h-6 w-6 inline-flex align-sub mx-0.5" />.
+ </BegoP>
+ <BegoP class="group hover:text-zinc-400">
  <span class="i-mingcute-tool-line mr-2 h-8 w-8 inline-flex align-bottom text-bego-400 group-hover:text-bego-700" :class="{ 'animate-bounce': shitMode }" />
  Je mets à disposition mes compétences de développeur senior pour vous accompagner dans la réalisation et la maintenance de vos projets web, nouveaux ou déjà existants.
- </UiP>
- <UiP class="group hover:text-zinc-400">
+ </BegoP>
+ <BegoP class="group hover:text-zinc-400">
  <span class="i-mingcute-package-line mr-2 h-8 w-8 inline-flex align-bottom text-bego-400 group-hover:text-bego-700" :class="{ 'animate-bounce': shitMode }" />
  Je m'applique à assurer une modernité technique et des services web épurés. Cela passe par un développement soigné des interfaces et des fonctionnalités de l'application, ainsi que par un soutien didactique lors du déploiement des outils de travail.
- </UiP>
- <UiP class="group hover:text-zinc-400">
+ </BegoP>
+ <BegoP class="group hover:text-zinc-400">
  <span class="i-mingcute-run-line mr-2 h-8 w-8 inline-flex align-bottom text-bego-400 group-hover:text-bego-700" :class="{ 'animate-bounce': shitMode }" />
  Entre deux projets dev, sérieux ou non, j'aime courir des marathons et randonner autour de <span class="i-mingcute-triumphal-arch-line h-6 w-6 inline-flex align-sub" /> Montpellier
- </UiP>
+ </BegoP>
  </div>
  <div class="flex items-center flex-wrap gap-x-6 gap-y-3 my-8 lg:my-16">
- <UiButton
+ <BegoButton
  to="/contact"
  icon="i-mingcute-send-plane-line"
  variant="solid"
  size="lg"
  :class="{ 'animate-pulse': shitMode }"
  >
  Contactez-moi !
- </UiButton>
- <UiButton
+ </BegoButton>
+ <BegoButton
  to="/prestations"
  icon="i-mingcute-arrow-right-line"
  variant="link"
@@ -47,6 +47,6 @@ const { shitMode } = useShitMode()
  :class="{ 'animate-pulse': shitMode }"
  >
  Mes prestations
- </UiButton>
+ </BegoButton>
  </div>
 </template>

components/TheSeparator.vue

@@ -4,7 +4,7 @@ const { shitMode } = useShitMode()
 
 <template>
  <div v-auto-animate class="w-full">
- <UiDivider
+ <BegoDivider
  v-if="!shitMode"
  orientation="horizontal"
  icon="i-mingcute-code-line"