From 3fd8929186ae5b01bbc3048c41588d9087c93ddd Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Tue, 11 Oct 2022 23:02:50 +0200
Subject: [PATCH] feat: add AttributionTable to AttributionsView

---
 src/views/AttributionsView.vue | 28 ++++++++++++++++++++++++----
 1 file changed, 24 insertions(+), 4 deletions(-)

diff --git a/src/views/AttributionsView.vue b/src/views/AttributionsView.vue
index 24f3dae..c7a2515 100644
--- a/src/views/AttributionsView.vue
+++ b/src/views/AttributionsView.vue
@@ -1,15 +1,35 @@
 <script setup lang="ts">
 import TextBlock from "@/components/TextBlock.vue";
+import AttributionTable from "@/components/AttributionTable.vue";
+
+import ViktorRefAlpha from "@/assets/viktor-ref-SFW-alpha.png?w=400&webp&quality=100&imagetools";
+import ViktorFront from "@/assets/viktor-front-SFW-alpha.png?w=400&webp&quality=100&imagetools";
+
+const attributions = [
+  {
+    artwork: ViktorRefAlpha,
+    artist: "sabertoofs",
+    links: {
+      furaffinity: "https://www.furaffinity.net/user/sabertoofs",
+      twitter: "https://twitter.com/sabertoofs",
+    },
+  },
+  {
+    artwork: ViktorFront,
+    artist: "sabertoofs",
+    links: {
+      furaffinity: "https://www.furaffinity.net/user/sabertoofs",
+      twitter: "https://twitter.com/sabertoofs",
+    },
+  },
+];
 </script>
 
 <template>
   <TextBlock>
     <h1>{{ $route.meta.title }}</h1>
     <h2>Artwork</h2>
-    <p>
-      Viktor Ref & Frontal Shot:
-      <a href="https://twitter.com/sabertoofs">sabertoofs</a>
-    </p>
+    <AttributionTable :attributions="attributions" />
 
     <h2>Icons</h2>
     <p>Navigation Icons: <a href="https://fontawesome.com">Font Awesome</a></p>