summaryrefslogtreecommitdiff
path: root/docs/showcases/Showcases.vue
diff options
context:
space:
mode:
Diffstat (limited to 'docs/showcases/Showcases.vue')
-rw-r--r--docs/showcases/Showcases.vue32
1 files changed, 25 insertions, 7 deletions
diff --git a/docs/showcases/Showcases.vue b/docs/showcases/Showcases.vue
index 86a17bf..34960d2 100644
--- a/docs/showcases/Showcases.vue
+++ b/docs/showcases/Showcases.vue
@@ -1,18 +1,36 @@
<script setup lang="ts">
-import showcases from './showcases'
-import Showcase from './Showcase.vue'
+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
+ v-for="(elem, elemIndex) in showcase"
+ :key="elemIndex"
+ class="item"
+ :class="`grid-${showcase.length}`"
+ >
+ <Showcase
+ :src="elem.src"
+ :url="elem.url"
+ :icon="elem.icon"
+ :title="elem.title"
+ :description="elem.description"
+ :author="elem.author"
+ />
</div>
</div>
- <Showcase v-else v-bind="showcase" />
+ <Showcase
+ v-else
+ :src="showcase.src"
+ :url="showcase.url"
+ :icon="showcase.icon"
+ :title="showcase.title"
+ :description="showcase.description"
+ :author="showcase.author"
+ />
</template>
</div>
</template>