feat: Initial layout with SiteHeader / SiteFooter

.gitignore

@@ -4,6 +4,7 @@
 !/.gitea
 !/.gitignore
 !/.vscode
+!/README.md
 !/composer.*
 !/phpcs.xml
 !/wp-content/

.vscode/settings.json

@@ -0,0 +1,18 @@
+{
+  "files.associations": {
+    "*.css": "tailwindcss"
+  },
+  "editor.quickSuggestions": {
+    "strings": "on"
+  },
+  "tailwindCSS.classAttributes": [
+    "class",
+    "ui"
+  ],
+  "tailwindCSS.experimental.classRegex": [
+    [
+      "ui:\\s*{([^)]*)\\s*}",
+      "(?:'|\"|`)([^']*)(?:'|\"|`)"
+    ]
+  ]
+}

README.md

@@ -0,0 +1,6 @@
+# WP Headless
+
+Headless WordPress project boilerplate using Nuxt.
+
+[✨  Release notes](/wp-content/themes/moonshine/CHANGELOG.md)
+ 

wp-content/themes/moonshine/.npmrc

@@ -0,0 +1 @@
+shamefully-hoist=true

wp-content/themes/moonshine/CHANGELOG.md

@@ -8,8 +8,3 @@
 - Initial Moonshine theme - Headless WordPress theme based on Nuxt (b3134fe)
 - CHANGELOG generation using conventional commits (55e16ab)
 - ESLint configuration (e95bbfb)
-
-### ❤️ Contributors
-
-- Pascal Martineau <pascal@lewebsimple.ca>
-

wp-content/themes/moonshine/app/assets/css/_main.css

@@ -0,0 +1,2 @@
+@import "tailwindcss";
+@import "@nuxt/ui";

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>

wp-content/themes/moonshine/nuxt.config.ts

@@ -3,10 +3,23 @@ export default defineNuxtConfig({
 
   modules: [
     "@nuxt/eslint",
+    "@nuxt/ui",
   ],
 
+  components: {
+    dirs: [
+      { path: "~/components", pathPrefix: false },
+    ],
+  },
+
   devtools: { enabled: true },
 
+  css: ["~/assets/css/_main.css"],
+
+  ui: {
+    colorMode: false,
+  },
+
   compatibilityDate: "2026-01-01",
 
   eslint: {
@@ -20,5 +33,4 @@ export default defineNuxtConfig({
       },
     },
   },
-
 });

wp-content/themes/moonshine/package.json

@@ -11,17 +11,21 @@
     "postinstall": "pnpm --sequential /postinstall:.*/",
     "postinstall:nuxt": "nuxt prepare",
     "preview": "nuxt preview",
-    "release": "pnpm lint && changelogen --release --push"
+    "release": "pnpm lint && changelogen --noAuthors --release --push"
   },
   "dependencies": {
+    "@iconify-json/lucide": "^1.2.84",
+    "@nuxt/ui": "4.3.0",
     "nuxt": "^4.2.2",
+    "tailwindcss": "^4.1.18",
     "vue": "^3.5.26",
     "vue-router": "^4.6.4"
   },
   "devDependencies": {
     "@nuxt/eslint": "^1.12.1",
     "changelogen": "^0.6.2",
-    "eslint": "^9.39.2"
+    "eslint": "^9.39.2",
+    "typescript": "^5.9.3"
   },
   "changelog": {
     "types": {