feat(alert): Handle link as button (#25)

nuxt · Jan 18, 2022 · b218737 · b218737 · vercel · Jan 18, 2022
1 parent adbee9c
commit b218737
Showing 1 changed file with 10 additions and 3 deletions.
diff --git 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