From b2187374f642cd401c7703d3da7c9eafb719015f Mon Sep 17 00:00:00 2001
From: Baptiste Leproux <leproux.baptiste@gmail.com>
Date: Tue, 18 Jan 2022 15:39:30 +0100
Subject: [PATCH] feat(alert): Handle link as button (#25)

---
 src/runtime/components/feedback/Alert.vue | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/runtime/components/feedback/Alert.vue b/src/runtime/components/feedback/Alert.vue
index 0c734aa1..956ae4b0 100644
--- a/src/runtime/components/feedback/Alert.vue
+++ b/src/runtime/components/feedback/Alert.vue
@@ -9,13 +9,14 @@
           {{ title }}
         </p>
         <p v-if="link" class="mt-3 text-sm leading-5 md:mt-0 md:ml-6">
-          <NuxtLink
+          <Link
             :to="to"
             class="whitespace-nowrap font-medium"
             :class="linkClass"
+            @click="click && click()"
           >
             {{ link }} &rarr;
-          </NuxtLink>
+          </Link>
         </p>
       </div>
     </div>
@@ -24,10 +25,12 @@
 
 <script>
 import Icon from '../elements/Icon'
+import Link from '../elements/Link'
 
 export default {
   components: {
-    Icon
+    Icon,
+    Link
   },
   props: {
     variant: {
@@ -41,6 +44,10 @@ export default {
       type: [String, Object],
       default: null
     },
+    click: {
+      type: Function,
+      default: null
+    },
     title: {
       type: String,
       default: null