Files
ui/docs/app/components/FrameworkSelect.vue
2024-12-05 23:36:02 +01:00

24 lines
501 B
Vue

<script setup lang="ts">
const { framework, frameworks } = useSharedData()
const value = ref<string | undefined>(undefined)
onMounted(() => {
value.value = framework.value
})
</script>
<template>
<UTabs
v-model="value"
:items="frameworks"
:content="false"
color="neutral"
:ui="{
indicator: 'bg-[var(--ui-bg)]',
trigger: 'px-1 data-[state=active]:text-[var(--ui-text-highlighted)]'
}"
@update:model-value="(framework = $event as string)"
/>
</template>