You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
<template>
|
|
|
|
|
<div>
|
|
|
|
|
<TabMenu :model="tabItems" v-model:activeIndex="activeTab"/>
|
|
|
|
|
<template v-if="tabItems && tabItems[activeTab]">
|
|
|
|
|
<TabsSmartsheet :tab-meta="tabs[activeTab]" :key="tabs[activeTab].id"/>
|
|
|
|
|
</template>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script setup lang="ts">
|
|
|
|
|
|
|
|
|
|
import {useTabs} from "~/composables/tabs";
|
|
|
|
|
|
|
|
|
|
const {tabs,activeTab} = useTabs()
|
|
|
|
|
|
|
|
|
|
const tabItems = computed(() => {
|
|
|
|
|
return tabs.value.map(tab => {
|
|
|
|
|
return {
|
|
|
|
|
label: tab.title,
|
|
|
|
|
// icon: tab.icon,
|
|
|
|
|
closable: true
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
|
|
|
|
|
</style>
|
