feat: Initial layout with SiteHeader / SiteFooter

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

@@ -0,0 +1,13 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <UFooter id="site-footer">
+    <template #left>
+      <SiteFooterCopyright />
+    </template>
+    <template #right>
+      <SiteFooterCredits />
+    </template>
+  </UFooter>
+</template>

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

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    © {{ new Date().getFullYear() }}
+  </div>
+</template>

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

@@ -0,0 +1,6 @@
+<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>

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

@@ -0,0 +1,7 @@
+<script setup lang="ts">
+const title = "Moonshine";
+</script>
+
+<template>
+  <UHeader :title="title" />
+</template>

wp-content/themes/moonshine/app/layouts/default.vue

@@ -1,8 +1,13 @@
 <script setup lang="ts">
+import { fr } from "@nuxt/ui/locale";
 </script>
 
 <template>
-  <div id="layout-default">
-    <NuxtPage />
-  </div>
+  <UApp id="layout-default" :locale="fr">
+    <SiteHeader />
+    <UMain>
+      <slot />
+    </UMain>
+    <SiteFooter />
+  </UApp>
 </template>

wp-content/themes/moonshine/app/pages/[...uri].vue

@@ -2,7 +2,5 @@
 </script>
 
 <template>
-  <div id="page-node-from-uri">
-    <h1>Moonshine</h1>
-  </div>
+  <div id="page-node-from-uri" />
 </template>