dominik/websites
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add icon support to variant switcher

Browse Source
This commit is contained in:
Dominik Milacher 2025-06-15 15:57:35 +02:00
parent 60f81a1025
commit f79d9e3859
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
apps/panoramablick/nuxt.config.ts
View File

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

3
packages/ui/src/runtime/components/WVariantSwitcher.vue
View File

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