Add image attribution

src/components.d.ts

@@ -24,6 +24,7 @@ declare module 'vue' {
     SiteHeader: typeof import('./components/site/Header.vue')['default']
     StrapiContent: typeof import('./components/strapi/Content.vue')['default']
     StrapiCopy: typeof import('./components/strapi/Copy.vue')['default']
+    StrapiLink: typeof import('./components/strapi/Link.vue')['default']
     StrapiMap: typeof import('./components/strapi/Map.vue')['default']
     StrapiMedia: typeof import('./components/strapi/Media.vue')['default']
   }

src/components/MosaicModal.vue

@@ -8,21 +8,7 @@
             <div class="window gif">
                 <strapi-media :image="item.image" fit="contain" />
 
-                <a
+                <strapi-link v-bind="item.image_attribution" />
-                    class="h6"
-                    href="https://web.archive.org/web/20090831003020/http://geocities.com/aizalonl/"
-                    target="_blank"
-                    >aizaloni</a
-                >
-
-                <!-- IYO https://web.archive.org/web/20091025080210/http://geocities.com/gstringacappella/listen.html -->
-                <!-- FWB https://web.archive.org/web/20090803180153/http://geocities.com/Petsburgh/Haven/5646/cp5.html -->
-                <!-- 33 https://web.archive.org/web/20090805155323/http://geocities.com/WestHollywood/Park/6064/works.html -->
-                <!-- SHVR https://web.archive.org/web/20091027131546/http://geocities.com/keat1177/thestudents.html -->
-                <!-- POLY AI https://web.archive.org/web/20091024163633/http://geocities.com/garylee5150/lostmouse.html -->
-                <!-- HIFI https://web.archive.org/web/20090807023346/http://geocities.com/charmainezoe/midi.html -->
-                <!-- COINSHIFT https://web.archive.org/web/20090820132241/http://geocities.com/jbumps/Sidebar.html -->
-                <!-- AP https://web.archive.org/web/20070623164439/http://br.geocities.com/textosecancoes/images/alexara4.gif -->
             </div>
         </div>
 

src/components/strapi/Link.vue

@@ -0,0 +1,23 @@
+<template>
+    <a :href="url" :target="target" class="strapi-link">{{ text }}</a>
+</template>
+
+<script setup>
+import { computed } from 'vue'
+
+const props = defineProps({
+    text: String,
+    url: String,
+})
+
+const target = computed(() => {
+    if (!props.url) return '_self'
+    const isAbsolute = /^(https?:|mailto:|tel:|\/\/)/.test(props.url)
+    return isAbsolute ? '_blank' : '_self'
+})
+</script>
+
+<style lang="scss">
+.strapi-link {
+}
+</style>