ADD: internal links

Internal links for richtext

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>

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.'
           }
         ]