webapps/packages/layers/content/components/VariantSwitcher.vue

15 lines
449 B
Vue

<script setup lang="ts">
const { variant, variants, matrixPath } = useContent()
const candidates = computed(() => variants.filter(v => v.code !== variant.value))
</script>
<template>
<NuxtLink
v-for="candidate in candidates"
:key="candidate.code"
:to="{ path: matrixPath({variant: candidate.code}), query: { freeze: 'true' }}"
class="flex items-center justify-center">
<Icon :name="candidate.icon"/>
</NuxtLink>
</template>