添加ETabs

app/components/content/ETabs.vue

@@ -1,8 +1,8 @@
 <template>
-  <UTabs :items="tabItems" :default-index="0" class="w-full">
-    <template v-for="(item, index) in tabItems" :key="index" #[item.slot] #content="{ index }" >
+  <UTabs :items="tabItems" class="w-full" :unmount-on-hide="false">
+    <template v-for="item in tabItems" #[item.slot]="{ item: slotItem }">
       <div class="mt-4">
-        <slot :name="item.slot" />
+        <component :is="getSlotContent(slotItem)" />
       </div>
     </template>
   </UTabs>
@@ -13,17 +13,19 @@ import type { TabsItem } from '@nuxt/ui'
 
 const slots = useSlots()
 
-// Process slots to create tab items
+const slotContents = ref<Record<string, any>>({})
+
 const tabItems = computed(() => {
   const defaultSlots = slots.default?.() || []
-  
   return defaultSlots
     .filter(slot => slot.type === 'div' && slot.props)
     .map((slot, index) => {
       const label = slot.props?.label || `Tab ${index + 1}`
       const icon = slot.props?.icon
-      const slotName = `tab-${index}` as const
-      
+      const slotName = `tab-${index}`
+
+      slotContents.value[slotName] = slot
+
       return {
         label,
         icon,
@@ -31,5 +33,9 @@ const tabItems = computed(() => {
       } satisfies TabsItem
     })
 })
-</script>
-  
+
+function getSlotContent(item: TabsItem) {
+  if (!item.slot) return null
+  return slotContents.value[item.slot]
+}
+</script>