mirror of
https://github.com/nuxt/ui.git
synced 2026-09-14 19:51:10 +08:00
Benjamin Canac
28 lines
558 B
Vue
28 lines
558 B
Vue
<script setup lang="ts">
|
|
const { framework, frameworks } = useSharedData()
|
|
|
|
const value = ref<string | undefined>(undefined)
|
|
|
|
onMounted(() => {
|
|
value.value = framework.value
|
|
})
|
|
watch(framework, () => {
|
|
value.value = framework.value
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<UTabs
|
|
v-model="value"
|
|
:items="frameworks"
|
|
:content="false"
|
|
color="neutral"
|
|
:ui="{
|
|
indicator: 'bg-default',
|
|
trigger: 'px-1 data-[state=active]:text-highlighted w-full'
|
|
}"
|
|
size="xs"
|
|
@update:model-value="(framework = $event as string)"
|
|
/>
|
|
</template>
|