feat: add link prop if link is internal

Rule-34 · Feb 26, 2021 · 4eb6a81 · 4eb6a81
1 parent 6ec0a43
commit 4eb6a81
Showing 1 changed file with 19 additions and 9 deletions.
diff --git a/components/utils/ContentContainer.vue b/components/utils/ContentContainer.vue
@@ -32,15 +32,25 @@
       <template v-if="links.length">
         <div>
           <template v-for="(link, index) in links">
-            <a
-              :key="link.text"
-              :href="link.href"
-              target="_blank"
-              rel="noopener"
-              class="text-sm"
-            >
-              {{ link.text }}
-            </a>
+            <!-- Internal link -->
+            <template v-if="link.isInternal">
+              <NuxtLink :key="link.text" :to="link.href" class="text-sm">
+                {{ link.text }}
+              </NuxtLink>
+            </template>
+
+            <!-- External link -->
+            <template v-else>
+              <a
+                :key="link.text"
+                :href="link.href"
+                target="_blank"
+                rel="noopener"
+                class="text-sm"
+              >
+                {{ link.text }}
+              </a>
+            </template>
 
             <!-- Separator -->
             <template v-if="index !== links.length - 1"> - </template>