Add ExternalLink component

usevital · Jul 7, 2024 · 7c819b6 · 7c819b6
1 parent bdb7136
commit 7c819b6
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 4 deletions.
diff --git a/components/externalLink.vue b/components/externalLink.vue
@@ -0,0 +1,18 @@
+<template>
+  <a
+    :href="to"
+    target="_blank"
+    rel="noopener noreferrer"
+    class="inline-flex flex-row items-center gap-1"
+  >
+    <LucideExternalLink v-if="showIcon" />
+    <slot />
+  </a>
+</template>
+
+<script setup>
+const props = defineProps({
+  to: String,
+  showIcon: Boolean,
+})
+</script>
diff --git a/components/pageFooter.vue b/components/pageFooter.vue
@@ -3,10 +3,10 @@
     <span class="font-[500] text-[var(--text-colour)] text-xs text-center">
       THANKS FOR READING - WRITTEN BY BLURRYFACE - DESIGNED BY WORLDWIDEPIXEL
       &bull;
-      <a class="underline" href="https://github.com/blryface/notessential">
-        PAGE SOURCE
-      </a></span
-    >
+      <ExternalLink to="https://github.com/blryface/notessential"
+        >PAGE SOURCE</ExternalLink
+      >
+    </span>
     <span class="font-[500] italic text-slate-400 text-xs text-center">
       THIS SITE IS IN NO WAY AFFILIATED WITH ESSENTIAL OR SPARK UNIVERSE
     </span>