TabsContent force-mount Always True

[rick-hup]

TabsContent force-mount Always True - Prevents Vue Transition Animations and Ignores User Props

🐛 Issue Description

In the current TabsContent.vue implementation, the Presence component's force-mount attribute is hardcoded to true, which causes several issues:

<!-- Current implementation in TabsContent.vue -->
<Presence
  v-slot="{ present }"
  :present="forceMount || isSelected"
  force-mount  <!-- ❌ Always true, ignoring user's forceMount prop -->
>

I'm curious about the reasoning behind this implementation:

1. Why hardcode force-mount="true" instead of respecting the user's forceMount prop?

   • Is there a specific accessibility or technical requirement that necessitates always keeping the container mounted?
   • Could this be achieved while still allowing user control?

2. Isn't unmountOnHide redundant with forceMount?

   • Both seem to control mounting behavior, but at different levels
   • Could we simplify this by using forceMount to control the container and let unmountOnHide handle the content?
   • Current structure: force-mount="true" + unmountOnHide for slots
   • Proposed: forceMount for container + unmountOnHide for slots

3. Vue Transition animations cannot work
   Since elements are always mounted to the DOM (only hidden via :hidden="!present"), Vue's <Transition> component cannot detect mount/unmount events to trigger animations.