<script setup>
const { variants, current } = useVariants()
const switchVariantPath = useSwitchVariantPath()

const availableVariants = computed(() =>
  variants.filter(v => String(v.code) !== String(current.value))
)
</script>

<template>
  <NuxtLink
    v-for="variant in availableVariants"
    :key="variant.code"
    :to="switchVariantPath(variant.code)"
  >
    {{ variant.code.toUpperCase() }}
  </NuxtLink>
</template>
