From d8593a72809340bf3737d95ab5a3a2eeb0cc54ef Mon Sep 17 00:00:00 2001
From: webfussel <fiona@webfussel.de>
Date: Fri, 21 Feb 2025 20:08:19 +0100
Subject: [PATCH] ADD: internal links

Internal links for richtext
---
 app/components/RichText/Link.vue | 10 +++++++---
 app/components/SkillsEasy.vue    | 11 ++++++++++-
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/app/components/RichText/Link.vue b/app/components/RichText/Link.vue
index d37a2a3..b07599d 100644
--- a/app/components/RichText/Link.vue
+++ b/app/components/RichText/Link.vue
@@ -1,8 +1,12 @@
 <template>
-  <a :href="href" :target="target" class="text inline-flex-row">
+  <a v-if="isExternal" :href="href" :target="target" class="text inline-flex-row">
     {{ content }}
-    <Icon :name="`ph:${linkIcon}-duotone`" mode="svg" />
+    <Icon :name="`ph:arrow-square-out-duotone`" mode="svg" />
   </a>
+  <NuxtLink v-else :to="href" class="text inline-flex-row">
+    {{ content }}
+    <Icon :name="`ph:link-simple-duotone`" mode="svg" />
+  </NuxtLink>
 </template>
 
 <script setup lang="ts">
@@ -10,5 +14,5 @@ import type { RichTextLink } from './Types'
 
 const { href } = defineProps<RichTextLink>()
 
-const linkIcon = href.startsWith('http') ? 'globe' : 'arrow-square-in'
+const isExternal = href.startsWith('http')
 </script>
diff --git a/app/components/SkillsEasy.vue b/app/components/SkillsEasy.vue
index 639aec4..04fa894 100644
--- a/app/components/SkillsEasy.vue
+++ b/app/components/SkillsEasy.vue
@@ -221,7 +221,16 @@ const skills : Skill[] = [
         children: [
           {
             type: 'plain',
-            content: 'Erkunde einfach meine Referenzen und dir wird auffallen, dass diese äußerst durchmischt und bunt sind. So individuell wie die Projekte meiner bisherigen Kunden wird auch dein Projekt behandelt. Und auch, wenn '
+            content: 'Erkunde einfach meine ',
+          },
+          {
+            type: 'a',
+            href: '/references',
+            content: 'Referenzen'
+          },
+          {
+            type: 'plain',
+            content: ' und dir wird auffallen, dass diese äußerst durchmischt und bunt sind. So individuell wie die Projekte meiner bisherigen Kunden wird auch dein Projekt behandelt. Und auch, wenn '
                 + 'du glaubst, dass die Referenzen nicht zu deinem Projekt passen, werden wir deine ganz individuelle Lösung gemeinsam erarbeiten.'
           }
         ]