From 464af5461112d19377f05eb50d71dbd9ae36990c Mon Sep 17 00:00:00 2001
From: BlossomiShymae <87099578+BlossomiShymae@users.noreply.github.com>
Date: Thu, 10 Oct 2024 15:08:25 -0500
Subject: [PATCH] Add middleware for background and browser title

---
 app.vue                         | 11 ++++-------
 middleware/background.global.ts |  7 +++++++
 middleware/title.global.ts      | 12 ++++++++++++
 nuxt.config.ts                  |  2 --
 4 files changed, 23 insertions(+), 9 deletions(-)
 create mode 100644 middleware/background.global.ts
 create mode 100644 middleware/title.global.ts

diff --git a/app.vue b/app.vue
index d3eafb9..5bfef64 100644
--- a/app.vue
+++ b/app.vue
@@ -14,11 +14,7 @@ AOS.init();
 
 <style lang="scss">
 .app-background { 
-  background: rgba(41, 31, 68, 0.9);
-}
-
-.app-background-solid {
-  background: rgb(41, 31, 68);
+  background: rgba(41, 31, 68, 1);
 }
 
 .aos-fix[data-aos][data-aos].aos-animate {
@@ -61,6 +57,7 @@ html {
 
   position: relative;
   z-index: 0;
+  transition: all 1s ease-out;
 }
 
 body {
@@ -90,7 +87,7 @@ svg {
 }
 
 table {
-  @extend .app-background-solid;
+  @extend .app-background;
 }
 
 thead, tbody, th, td {
@@ -103,7 +100,7 @@ table > tbody > tr:nth-of-type(2n+1) > * {
 
 
 ul.dropdown-menu {
-  @extend .app-background-solid;
+  @extend .app-background;
 }
 
 .list-group-item {
diff --git a/middleware/background.global.ts b/middleware/background.global.ts
new file mode 100644
index 0000000..f80305a
--- /dev/null
+++ b/middleware/background.global.ts
@@ -0,0 +1,7 @@
+export default defineNuxtRouteMiddleware((to, from) => {
+  useHead({
+    htmlAttrs: {
+      style: to.fullPath == "/" ? "background: url('/clean-cuts/img/background.jpg');" : "background: rgb(21, 11, 48)"
+    },
+  });
+});
\ No newline at end of file
diff --git a/middleware/title.global.ts b/middleware/title.global.ts
new file mode 100644
index 0000000..9b138eb
--- /dev/null
+++ b/middleware/title.global.ts
@@ -0,0 +1,12 @@
+export default defineNuxtRouteMiddleware((to, from) => {
+  useHead({
+    title: to.fullPath == "/" ? "Clean Cuts" : to.fullPath
+      .split("/")
+      .filter(x => x != "")
+      .map(x => x
+        .split("-") // Remove hypens
+        .map(x => x.charAt(0).toUpperCase() + x.slice(1)) // Titlecase words
+        .join(" "))
+      .join(" • ")
+  })
+});
\ No newline at end of file
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 8dd8e20..cdaf7ec 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -2,7 +2,6 @@
 export default defineNuxtConfig({
   devtools: { enabled: true },
   ssr: false,
-
   app: {
     baseURL: "/clean-cuts/",
     pageTransition: {
@@ -16,7 +15,6 @@ export default defineNuxtConfig({
     head: {
       htmlAttrs: {
         "data-bs-theme": "dark",
-        "style": "background-image: url('/clean-cuts/img/background.jpg');"
       },
       bodyAttrs: {
         class: "h-100"