feat: Initial SiteFooter

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

@@ -0,0 +1,15 @@
+<script setup lang="ts">
+const { data: siteOptions } = await useSiteOptions();
+</script>
+
+<template>
+  <footer class="links:link-prose bg-muted">
+    <div class="container py-3">
+      <AcfSocial
+        :social="siteOptions?.social"
+        class="flex items-center gap-1.5 links:link-opacity"
+      ></AcfSocial>
+    </div>
+    <SiteFooterBottom />
+  </footer>
+</template>

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

@@ -0,0 +1,10 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div class="bg-inverted py-1.5 text-inverted">
+    <div class="container flex flex-col items-center gap-3 sm:flex-row">
+      <SiteFooterCopyright class="sm:mr-auto" />
+      <SiteFooterCredits />
+    </div>
+  </div>
+</template>

wp-content/themes/headless/app/components/site/SiteFooterCopyright.vue

@@ -0,0 +1,10 @@
+<script setup lang="ts">
+const { data: generalSettings } = await useGeneralSettings();
+</script>
+
+<template>
+  <div class="">
+    © {{ new Date().getFullYear() }}
+    <span v-if="generalSettings?.title">{{ generalSettings.title }}</span>
+  </div>
+</template>

wp-content/themes/headless/app/components/site/SiteFooterCredits.vue

@@ -0,0 +1,12 @@
+<template>
+  <div 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
+    >
+  </div>
+</template>