Add icon support to variant switcher

apps/panoramablick/nuxt.config.ts

@@ -29,8 +29,8 @@ export default defineNuxtConfig({
   websites: {
     defaultVariant: 'su',
     variants: [
-      { code: 'su', name: 'Summer' },
-      { code: 'wi', name: 'Winter' }
+      { code: 'su', name: 'Summer', icon: 'i-lucide-sun' },
+      { code: 'wi', name: 'Winter', icon: 'i-lucide-snowflake'}
     ]
   }
 })

packages/ui/src/runtime/components/WVariantSwitcher.vue

@@ -12,7 +12,8 @@ const availableVariants = computed(() =>
     v-for="variant in availableVariants"
     :key="variant.code"
     :to="switchVariantPath(variant.code)"
+    class="flex items-center justify-center"
   >
-    {{ variant.code.toUpperCase() }}
+    <UIcon :name="variant.icon"/>
   </NuxtLink>
 </template>