diff --git a/src/components/ContractEventAlerts.vue b/src/components/ContractEventAlerts.vue
index db021bd..19b1149 100644
--- a/src/components/ContractEventAlerts.vue
+++ b/src/components/ContractEventAlerts.vue
@@ -1,6 +1,7 @@
 <script setup>
 import { useRouter, useRoute } from 'vue-router'
 import AlertWithContent from '@/components/alerts/AlertWithContent.vue'
+import { computed } from 'vue'
 
 const router = useRouter()
 const route = useRoute()
@@ -16,9 +17,9 @@ const alerts = defineModel()
       :id="event + blockNumber + requestId + slotIdx"
       :title="event"
       :type="type"
-      :btn-more-url="router.resolve({ path: `/request/${requestId}`, query: route.query }).href"
+      :btn-more-url="{ path: `/request/${requestId}`, query: route.query }"
       ><p>request {{ requestId }} at block {{ blockNumber }}</p>
-      <p v-if="slotIdx">Slot index: {{ slotIdx }}</p>
+      <p v-if="slotIdx !== undefined">Slot index: {{ slotIdx }}</p>
       <p>State: {{ state }}</p></AlertWithContent
     >
   </div>
diff --git a/src/components/alerts/AlertWithContent.vue b/src/components/alerts/AlertWithContent.vue
index fe6a920..c11ae43 100644
--- a/src/components/alerts/AlertWithContent.vue
+++ b/src/components/alerts/AlertWithContent.vue
@@ -27,7 +27,7 @@ const props = defineProps({
     default: 'View more'
   },
   btnMoreUrl: {
-    type: String,
+    type: Object,
     required: true
   }
 })
@@ -166,7 +166,7 @@ function dismissAndRedirect(targetElId, url) {
   let targetEl = document.getElementById(targetElId)
   let dismiss = new Dismiss(targetEl)
   dismiss.hide()
-  router.push({ path: url })
+  router.push(url)
 }
 </script>
 <template>