From 17e46aafc8e3bce6142273db928243bccc2f5283 Mon Sep 17 00:00:00 2001
From: Joseph Hansen <45859835+josephclaytonhansen@users.noreply.github.com>
Date: Fri, 2 Feb 2024 13:07:51 -0600
Subject: [PATCH] buildbot: 2/2 13:07

---
 minify.sh                                    |  2 --
 src/components/main/blocks/header/Header.vue | 27 +++++++++++++++++---
 2 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/minify.sh b/minify.sh
index af770ae..c7fd318 100644
--- a/minify.sh
+++ b/minify.sh
@@ -1,9 +1,7 @@
 #!/bin/bash
 
-# Minify CSS files
 postcss dist/assets/*.css -u cssnano -d dist/assets
 
-# Minify JS files
 for file in dist/assets/*.js; do
   uglifyjs "$file" -o "${file%.js}.min.js"
   mv "${file%.js}.min.js" "$file"
diff --git a/src/components/main/blocks/header/Header.vue b/src/components/main/blocks/header/Header.vue
index 8664d63..8e79dea 100644
--- a/src/components/main/blocks/header/Header.vue
+++ b/src/components/main/blocks/header/Header.vue
@@ -63,6 +63,11 @@
       mobileMenu.classList.add("hidden")
     }
   }
+
+  const navigate = (link) => {
+    toggleMobileMenu()
+    $router.push(link)
+  }
 </script>
 
 <template>
@@ -384,13 +389,22 @@
         'text-slate-200': brightness == 2,
         'text-slate-400': brightness == 1,
       }">
-      <a @click="$router.push('/contact')"
+      <a
+        @click="
+          navigate('/contact')
+        "
         ><li class="py-2 px-3 rounded">Contact</li></a
       >
-      <a @click="$router.push('/portfolio')"
+      <a
+        @click="
+          navigate('/portfolio')
+        "
         ><li class="py-2 px-3 rounded">Web Portfolio</li></a
       >
-      <a @click="$router.push('/')"
+      <a
+        @click="
+          navigate('/')
+        "
         ><li class="py-2 px-3 rounded">Web Services</li></a
       >
       <li class="py-2 px-3 rounded opacity-75">Creative Projects</li>
@@ -401,7 +415,12 @@
         <li class="py-2 px-3 rounded">Cooking and Recipes</li>
       </ul>
 
-      <a href="/about-me"><li class="py-2 px-3 rounded">About Me</li></a>
+      <a
+        @click="
+          navigate('/about-me')
+        "
+        ><li class="py-2 px-3 rounded">About Me</li></a
+      >
     </ul>
   </div>
 </template>