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/Showcases.vue | 45 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)
 create mode 100644 docs/showcases/Showcases.vue

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

diff --git a/docs/showcases/Showcases.vue b/docs/showcases/Showcases.vue
new file mode 100644
index 0000000..86a17bf
--- /dev/null
+++ b/docs/showcases/Showcases.vue
@@ -0,0 +1,45 @@
+<script setup lang="ts">
+import showcases from './showcases'
+import Showcase from './Showcase.vue'
+</script>
+
+<template>
+    <div class="Showcases">
+        <template v-for="(showcase, index) in showcases" :key="index">
+            <div v-if="Array.isArray(showcase)" class="row">
+                <div v-for="(elem, elemIndex) in showcase" :key="elemIndex" class="item"
+                    :class="`grid-${showcase.length}`">
+                    <Showcase v-bind="elem" />
+                </div>
+            </div>
+            <Showcase v-else v-bind="showcase" />
+        </template>
+    </div>
+</template>
+
+<style scoped>
+.Showcases {
+    margin-top: 24px;
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+}
+
+.row {
+    display: flex;
+    gap: 24px;
+}
+
+/* TODO: responsiveness on mobile */
+.item.grid-2 {
+    width: calc(100% / 2);
+}
+
+.item.grid-3 {
+    width: calc(100% / 3);
+}
+
+.item.grid-4 {
+    width: calc(100% / 4);
+}
+</style>
-- 
cgit v1.2.3

