From af52fde11946cd944c76b2895b47f4fb1d34b81f Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Fri, 12 Apr 2024 18:24:51 +0200
Subject: [PATCH] playground(badge): iterate over variants

---
 playground/pages/badge.vue | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/playground/pages/badge.vue b/playground/pages/badge.vue
index 2e54b9f6..292b55ea 100644
--- a/playground/pages/badge.vue
+++ b/playground/pages/badge.vue
@@ -2,6 +2,7 @@
 import theme from '#build/ui/badge'
 
 const sizes = Object.keys(theme.variants.size)
+const variants = Object.keys(theme.variants.variant)
 </script>
 
 <template>
@@ -12,10 +13,7 @@ const sizes = Object.keys(theme.variants.size)
       </UBadge>
     </div>
     <div class="flex items-center gap-2">
-      <UBadge label="Badge" />
-      <UBadge label="Badge" variant="outline" />
-      <UBadge label="Badge" variant="soft" />
-      <UBadge label="Badge" variant="subtle" />
+      <UBadge v-for="variant in variants" :key="variant" label="Badge" :variant="(variant as any)" />
     </div>
     <div class="flex items-center gap-2">
       <UBadge label="Badge" color="white" />