mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 20:19:34 +01:00
29 lines
555 B
Vue
29 lines
555 B
Vue
<script setup lang="ts">
|
|
const { module, modules } = useSharedData()
|
|
|
|
const value = ref<string | undefined>(undefined)
|
|
|
|
onMounted(() => {
|
|
value.value = module.value
|
|
})
|
|
|
|
watch(module, () => {
|
|
value.value = module.value
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<UTabs
|
|
v-model="value"
|
|
:items="modules"
|
|
:content="false"
|
|
color="neutral"
|
|
:ui="{
|
|
indicator: 'bg-[var(--ui-bg)]',
|
|
trigger: 'px-1 data-[state=active]:text-[var(--ui-text-highlighted)]'
|
|
}"
|
|
size="sm"
|
|
@update:model-value="(module = $event as string)"
|
|
/>
|
|
</template>
|