summaryrefslogtreecommitdiff
path: root/docs/showcases/Showcase.vue
diff options
context:
space:
mode:
Diffstat (limited to 'docs/showcases/Showcase.vue')
-rw-r--r--docs/showcases/Showcase.vue18
1 files changed, 12 insertions, 6 deletions
diff --git a/docs/showcases/Showcase.vue b/docs/showcases/Showcase.vue
index f790fbf..8ee7b5e 100644
--- a/docs/showcases/Showcase.vue
+++ b/docs/showcases/Showcase.vue
@@ -1,22 +1,28 @@
<script setup>
-const props = defineProps({
+defineProps({
src: { type: String, required: true },
label: { type: String, required: true },
url: { type: String, required: true },
- icon: { type: String, required: false },
-});
+ icon: { type: String, required: false, default: "" },
+})
</script>
<template>
<figure class="showcase">
<div>
<a :href="url" target="_blank">
- <img :src="src" :alt="label" />
+ <img :src="src" :alt="label">
</a>
- <i :class="icon" class="language-icon"></i>
+ <i :class="icon" class="language-icon" />
</div>
<figcaption>
- <a :href="url" class="label-link" target="_blank">{{ label }}</a>
+ <a
+ :href="url"
+ class="label-link"
+ target="_blank"
+ >
+ {{ label }}
+ </a>
</figcaption>
</figure>
</template>