From 041232bcae39457239a4435d5f5bba30ce76e791 Mon Sep 17 00:00:00 2001
From: Flycro <flycro@live.de>
Date: Sat, 23 Mar 2024 22:26:05 +0100
Subject: [PATCH] feat: Added Footer

---
 nuxt.config.ts             |  4 ++++
 nuxt/app.vue               |  9 ++++++---
 nuxt/components/Footer.vue | 24 ++++++++++++++++++++++++
 package.json               |  7 ++++---
 4 files changed, 38 insertions(+), 6 deletions(-)
 create mode 100644 nuxt/components/Footer.vue

diff --git a/nuxt.config.ts b/nuxt.config.ts
index fae9cf5..756c77a 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,4 +1,6 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
+import pkg from './package.json'
+
 export default defineNuxtConfig({
   srcDir: 'nuxt/',
 
@@ -76,6 +78,8 @@ export default defineNuxtConfig({
       apiBase: process.env.API_URL,
       apiPrefix: '/api/v1',
       storageBase: `${process.env.API_URL}/storage/`,
+      packageVersion: pkg.version,
+      gitHash: process.env.GIT_HASH,
       providers: {
         google: {
           name: 'Google',
diff --git a/nuxt/app.vue b/nuxt/app.vue
index a733e07..266cedf 100644
--- a/nuxt/app.vue
+++ b/nuxt/app.vue
@@ -2,9 +2,12 @@
 </script>
 
 <template>
-  <NuxtLayout>
-    <NuxtPage />
-  </NuxtLayout>
+  <UMain>
+    <NuxtLayout>
+      <NuxtPage />
+    </NuxtLayout>
+  </UMain>
+  <Footer />
 
   <UNotifications />
 </template>
diff --git a/nuxt/components/Footer.vue b/nuxt/components/Footer.vue
new file mode 100644
index 0000000..4da7f45
--- /dev/null
+++ b/nuxt/components/Footer.vue
@@ -0,0 +1,24 @@
+<script setup lang="ts">
+const config = useRuntimeConfig()
+</script>
+
+<template>
+  <div>
+    <UDivider />
+    <UFooter c>
+      <template #left>
+        <div class="text-xs">
+          Copyright © {{ new Date().getFullYear() }}
+        </div>
+      </template>
+      <template #center>
+        Made with ❤️ by <a class="text-primary hover:text-primary-600 ml-1" href="https://flycro.me" target="_blank">Flycro</a>
+      </template>
+      <template #right>
+        <div class="font-mono text-xs">
+          {{ config.public.packageVersion }} - {{ config.public.gitHash }}
+        </div>
+      </template>
+    </UFooter>
+  </div>
+</template>
diff --git a/package.json b/package.json
index fdf2c10..9ae844c 100644
--- a/package.json
+++ b/package.json
@@ -1,12 +1,13 @@
 {
   "name": "laravel-nuxt",
+  "version": "0.0.4",
   "private": true,
   "type": "module",
   "scripts": {
     "serve": "cross-env PORT=3000 HOST=127.0.0.1 node .output/server/index.mjs",
-    "build": "nuxi cleanup && nuxi build",
+    "build": "GIT_HASH=`git rev-parse --short HEAD` nuxi cleanup && nuxi build",
     "cleanup": "nuxi cleanup",
-    "dev": "nuxt dev --port=3000 --host=127.0.0.1",
+    "dev": "GIT_HASH=`git rev-parse --short HEAD` nuxt dev --port=3000 --host=127.0.0.1",
     "generate": "nuxt generate",
     "preview": "nuxt preview",
     "postinstall": "nuxt prepare",
@@ -38,4 +39,4 @@
     "party-js": "^2.2.0",
     "pusher-js": "8.4.0-rc2"
   }
-}
\ No newline at end of file
+}