From 4ae315eb88bbea1b6a892bb7f5c024372e640080 Mon Sep 17 00:00:00 2001
From: Julian Krauser <jkrauser209@gmail.com>
Date: Sun, 5 Jan 2025 18:31:55 +0100
Subject: [PATCH] version update & use seo

---
 .dockerignore                   |  3 ++-
 app.vue                         | 18 ++++++++++++++++--
 package-lock.json               | 23 +++++++++++------------
 package.json                    |  2 +-
 types/component/seoComponent.ts |  5 +++++
 types/single/global.ts          |  2 ++
 6 files changed, 37 insertions(+), 16 deletions(-)
 create mode 100644 types/component/seoComponent.ts

diff --git a/.dockerignore b/.dockerignore
index d448282..62740ff 100644
--- a/.dockerignore
+++ b/.dockerignore
@@ -2,4 +2,5 @@
 node_modules/
 .git/
 .nuxt/
-.env
\ No newline at end of file
+.env
+.output/
\ No newline at end of file
diff --git a/app.vue b/app.vue
index 312c09f..ef6da57 100644
--- a/app.vue
+++ b/app.vue
@@ -2,11 +2,25 @@
   <NuxtPage />
 </template>
 
-<script setup>
+<script setup lang="ts">
+import type SEOComponent from "./types/component/seoComponent";
+import type Global from "./types/single/global";
+
 const runtimeConfig = useRuntimeConfig();
 const appTitle = runtimeConfig.public.app.title;
 
+const { findOne, find } = useStrapi();
+const { data: global } = await useAsyncData("global", () => findOne<Global>("global"));
+
+const {
+  metaTitle, metaDescription, keywords,
+} = global.value?.data?.SEO ?? ({} as SEOComponent);
+
 useHead({
-  title: appTitle,
+  title: metaTitle ?? appTitle,
+  meta: [
+    {name: "description", content: metaDescription},
+    {name: "keywords", content: keywords},
+  ]
 });
 </script>
diff --git a/package-lock.json b/package-lock.json
index f331ddb..c87e4b1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,14 +1,16 @@
 {
   "name": "nuxt-app",
+  "version": "1.0.1",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "nuxt-app",
+      "version": "1.0.1",
       "hasInstallScript": true,
       "dependencies": {
         "@nuxt/image": "^1.8.1",
-        "@nuxtjs/strapi": "npm:@nuxtjs/strapi-edge@1.12.0-28818224.f53bdf9",
+        "@nuxtjs/strapi": "^2.0.0",
         "nuxt": "^3.13.2",
         "vue": "latest",
         "vue-router": "latest"
@@ -17,8 +19,7 @@
         "autoprefixer": "^10.4.20",
         "postcss": "^8.4.47",
         "tailwindcss": "^3.4.14"
-      },
-      "version": "1.0.1"
+      }
     },
     "node_modules/@alloc/quick-lru": {
       "version": "5.2.0",
@@ -1354,10 +1355,9 @@
       }
     },
     "node_modules/@nuxtjs/strapi": {
-      "name": "@nuxtjs/strapi-edge",
-      "version": "1.12.0-28818224.f53bdf9",
-      "resolved": "https://registry.npmjs.org/@nuxtjs/strapi-edge/-/strapi-edge-1.12.0-28818224.f53bdf9.tgz",
-      "integrity": "sha512-SdazV9/5qJr/b5F//fveU9DVxBFeYKfB6Gg7wyvZoNUW9z9BSPuQyoCfDdzRkPy+QqdaLhFXPjFJdPNeK/8agA==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@nuxtjs/strapi/-/strapi-2.0.0.tgz",
+      "integrity": "sha512-6Q34PQd980ruBTaMzVx23V/GP3YeoqWt9NKxVG79d1TJMwpKHCkFqZEN5jI/2csMyncYuzP4ozt2lIi5JYTudA==",
       "license": "MIT",
       "dependencies": {
         "@nuxt/kit": "^3.13.2",
@@ -10923,9 +10923,9 @@
       }
     },
     "@nuxtjs/strapi": {
-      "version": "npm:@nuxtjs/strapi-edge@1.12.0-28818224.f53bdf9",
-      "resolved": "https://registry.npmjs.org/@nuxtjs/strapi-edge/-/strapi-edge-1.12.0-28818224.f53bdf9.tgz",
-      "integrity": "sha512-SdazV9/5qJr/b5F//fveU9DVxBFeYKfB6Gg7wyvZoNUW9z9BSPuQyoCfDdzRkPy+QqdaLhFXPjFJdPNeK/8agA==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@nuxtjs/strapi/-/strapi-2.0.0.tgz",
+      "integrity": "sha512-6Q34PQd980ruBTaMzVx23V/GP3YeoqWt9NKxVG79d1TJMwpKHCkFqZEN5jI/2csMyncYuzP4ozt2lIi5JYTudA==",
       "requires": {
         "@nuxt/kit": "^3.13.2",
         "defu": "^6.1.4",
@@ -16597,6 +16597,5 @@
         "readable-stream": "^4.0.0"
       }
     }
-  },
-  "version": "1.0.1"
+  }
 }
diff --git a/package.json b/package.json
index a4b7d7e..979b237 100644
--- a/package.json
+++ b/package.json
@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@nuxt/image": "^1.8.1",
-    "@nuxtjs/strapi": "npm:@nuxtjs/strapi-edge@1.12.0-28818224.f53bdf9",
+    "@nuxtjs/strapi": "^2.0.0",
     "nuxt": "^3.13.2",
     "vue": "latest",
     "vue-router": "latest"
diff --git a/types/component/seoComponent.ts b/types/component/seoComponent.ts
new file mode 100644
index 0000000..0a9c12e
--- /dev/null
+++ b/types/component/seoComponent.ts
@@ -0,0 +1,5 @@
+export default interface SEOComponent {
+  metaTitle: string;
+  metaDescription: string;
+  keywords: string;
+}
diff --git a/types/single/global.ts b/types/single/global.ts
index b6eae4f..9318ddd 100644
--- a/types/single/global.ts
+++ b/types/single/global.ts
@@ -1,5 +1,6 @@
 import type Footer from "../component/globalFooter";
 import type Navbar from "../component/globalNavbar";
+import type SEOComponent from "../component/seoComponent";
 
 export default interface Global {
   id: number;
@@ -10,4 +11,5 @@ export default interface Global {
   locale: string;
   navbar: Navbar;
   footer: Footer;
+  SEO: SEOComponent;
 }