From 738bbc6e5af83723c5543b80b5a427ce0b0ba580 Mon Sep 17 00:00:00 2001
From: Francisco Madeira <xico2k@gmail.com>
Date: Mon, 19 Feb 2024 17:24:36 +0100
Subject: [PATCH] fix: update nav based on the current page.

---
 resources/js/Shared/MainNav.vue | 10 ++++++++--
 resources/js/app.js             |  2 +-
 vite.config.js                  |  1 -
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/resources/js/Shared/MainNav.vue b/resources/js/Shared/MainNav.vue
index 1bacd1c..4e57d8a 100644
--- a/resources/js/Shared/MainNav.vue
+++ b/resources/js/Shared/MainNav.vue
@@ -1,5 +1,11 @@
+<script setup>
+import { usePage } from '@inertiajs/vue3';
+
+const page = usePage();
+</script>
+
 <template>
-    <nav class="flex space-x-4 sm:space-x-8 text-gray-400 text-sm sm:text-base">
+    <nav :key="page.url" class="flex space-x-4 sm:space-x-8 text-gray-400 text-sm sm:text-base">
         <Link
             href="/given-talks"
             class="link-underline hover:text-gray-100"
@@ -10,7 +16,7 @@
         <Link
             href="/about"
             class="link-underline hover:text-gray-100"
-            :class="route().current('about') ? 'active text-gray-100' : ''"
+            :class="page.url.startsWith('/about') ? 'active text-gray-100' : ''"
         >
             About
         </Link>
diff --git a/resources/js/app.js b/resources/js/app.js
index 7b54bd0..9f86770 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -5,7 +5,7 @@ import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers';
 import MainLayout from './Shared/MainLayout.vue'
 import { Shiki } from './shiki'
 import twemoji from 'twemoji'
-import { ZiggyVue } from 'ziggy'
+import { ZiggyVue } from '../../vendor/tightenco/ziggy/dist/vue.m';
 
 createInertiaApp({
     resolve: async name => {
diff --git a/vite.config.js b/vite.config.js
index dbdb1c5..f6eb203 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -20,7 +20,6 @@ export default defineConfig({
     resolve: {
         alias: {
             img: '/resources/img',
-            ziggy: '/vendor/tightenco/ziggy/dist/vue.m',
         },
     },
 });