feat: Initial Nuxt app

wp-content/themes/ccat/app/components/site/SiteFooter.vue

@@ -0,0 +1,5 @@
+<template>
+  <UFooter>
+    TODO
+  </UFooter>
+</template>

wp-content/themes/ccat/app/components/site/SiteFooterBottom.vue

@@ -0,0 +1,11 @@
+<template>
+  <div class="container-fluid flex flex-col lg:flex-row justify-between items-center gap-x-6 gap-y-3 py-3 text-muted text-sm text-center">
+    <p class="flex-break-words">
+      © {{ new Date().getFullYear() }} Conseil de la culture de l'Abitibi-Témiscamingue.
+    </p>
+    <p class="flex items-center gap-1">
+      Fait avec <UIcon name="i-lucide-heart" /> par
+      <ULink href="https://websimple.com" target="_blank" external title="Site web développé par Websimple">Websimple</ULink>
+    </p>
+  </div>
+</template>

wp-content/themes/ccat/app/components/site/SiteHeader.vue

@@ -0,0 +1,19 @@
+<script setup lang="ts">
+const { menuItems } = await useMenuItems("MAIN");
+</script>
+
+<template>
+  <UHeader title="CCAT" mode="slideover">
+    <template #left>
+      <NuxtLink to="/">
+        <SvgLogoCcat class="h-12 w-auto shrink-0" />
+      </NuxtLink>
+    </template>
+    <template #right>
+      <UNavigationMenu :items="menuItems" variant="link" content-orientation="vertical" class="hidden lg:block" :ui="{ list: '-mx-2.5', link: 'text-base', childLink: 'text-base' }" />
+    </template>
+    <template #body>
+      <UNavigationMenu :items="menuItems" orientation="vertical" />
+    </template>
+  </UHeader>
+</template>

wp-content/themes/ccat/app/components/site/SiteHeaderTop.vue

@@ -0,0 +1,15 @@
+<script setup lang="ts">
+const { profiles } = await useSiteOptions();
+const { menuItems } = await useMenuItems("TOP");
+const { breakpoints } = useResponsive();
+const showLabels = breakpoints.greaterOrEqual("sm");
+</script>
+
+<template>
+  <UContainer class="flex items-center gap-1.5">
+    <UiSocialProfiles :profiles="profiles" class="mr-auto" />
+    <UNavigationMenu :items="menuItems" variant="link" content-orientation="vertical" />
+    <LoginLogoutButton :show-labels="showLabels" />
+    <SignUpButton :show-labels="showLabels" />
+  </UContainer>
+</template>