From 6f39857dc7bf59d84c89b311690e858ce0a4724e Mon Sep 17 00:00:00 2001
From: Aylur <k.demeter@protonmail.com>
Date: Tue, 3 Sep 2024 20:32:41 +0200
Subject: docs: migrate to vitepress

vitepress feels a bit more polished and clean
---
 docs/showcases/Showcase.vue | 40 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 docs/showcases/Showcase.vue

(limited to 'docs/showcases/Showcase.vue')

diff --git a/docs/showcases/Showcase.vue b/docs/showcases/Showcase.vue
new file mode 100644
index 0000000..46d2138
--- /dev/null
+++ b/docs/showcases/Showcase.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { defineProps } from 'vue';
+
+const props = defineProps({
+    src: { type: String, required: true },
+    author: { type: String, required: true },
+    url: { type: String, required: true }
+});
+</script>
+
+<template>
+    <figure>
+        <a :href="url">
+            <img :src="src" :alt="author" />
+        </a>
+        <figcaption>
+            <span>Author: {{ author }}</span>
+        </figcaption>
+    </figure>
+</template>
+
+<style scoped>
+img {
+    border-radius: 4px;
+}
+
+/* same as VPFeature */
+figure {
+    padding: 0.8rem;
+    padding-bottom: 0;
+    border-radius: 12px;
+    background-color: var(--vp-c-bg-soft);
+}
+
+figcaption {
+    text-align: center;
+    padding-top: .4em;
+    padding-bottom: .6em;
+}
+</style>
-- 
cgit v1.2.3

