From c2a83c97e393fd23f6c2d607857be3437871262b Mon Sep 17 00:00:00 2001
From: Tajim <com.tajim@gmail.com>
Date: Fri, 28 Aug 2026 12:32:38 +0600
Subject: [PATCH] feat(notice): support SPA internal Link navigation when
 notice button URL is a route path

---
 resources/js/components/NoticeDialog.vue | 29 +++++++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/NoticeDialog.vue b/resources/js/components/NoticeDialog.vue
index 6186fd4..2a95566 100644
--- a/resources/js/components/NoticeDialog.vue
+++ b/resources/js/components/NoticeDialog.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { Link } from '@inertiajs/vue3';
 import { X } from 'lucide-vue-next';
 import { onMounted, ref, watch } from 'vue';
 
@@ -8,6 +9,16 @@ const props = defineProps({
 
 const isVisible = ref(false);
 
+const isInternalLink = (url?: string | null) => {
+    if (!url) {
+        return false;
+    }
+
+    const trimmed = url.trim();
+
+    return trimmed.startsWith('/') && !trimmed.startsWith('//');
+};
+
 const getStorageKey = () => {
     return props.notice?.updated_at
         ? `session_notice_${props.notice.updated_at}`
@@ -95,11 +106,27 @@ const close = () => {
                         </p>
 
                         <div class="mt-6 flex gap-3">
+                            <Link
+                                v-if="
+                                    notice.show_button &&
+                                    notice.button_link &&
+                                    isInternalLink(notice.button_link)
+                                "
+                                :href="notice.button_link"
+                                @click="close"
+                                class="flex-1 rounded-xl bg-slate-900 px-4 py-2.5 text-center text-sm font-medium text-white transition hover:bg-slate-800 dark:bg-indigo-600 dark:hover:bg-indigo-500"
+                            >
+                                {{ notice.button_title || 'Learn more' }}
+                            </Link>
+
                             <a
-                                v-if="notice.show_button && notice.button_link"
+                                v-else-if="
+                                    notice.show_button && notice.button_link
+                                "
                                 :href="notice.button_link"
                                 target="_blank"
                                 rel="noopener noreferrer"
+                                @click="close"
                                 class="flex-1 rounded-xl bg-slate-900 px-4 py-2.5 text-center text-sm font-medium text-white transition hover:bg-slate-800 dark:bg-indigo-600 dark:hover:bg-indigo-500"
                             >
                                 {{ notice.button_title || 'Learn more' }}