Add swipe gesture on q-tab-panels or q-tab-panel

[CNOCTAVE]

This feature is:

1. Swipe left on q-tab-panels or q-tab-panel to toggle to the left q-tab
2. Swipe right on q-tab-panels or q-tab-panel to toggle to the right q-tab
   The code is like:
   ···
   <q-tab-panels v-model="tab" animated @touchstart.passive="onTouchStart"
   @touchend.passive="onTouchEnd">
   ···

[dfbustosus]

Good news: this already exists — it's the swipeable prop on QTabPanels (API, which even ships a "Swipeable and infinite" usage example):

<q-tab-panels
  v-model="panel"
  animated
  swipeable
  infinite
>
  <q-tab-panel name="one">...</q-tab-panel>
  <q-tab-panel name="two">...</q-tab-panel>
</q-tab-panels>

Details worth knowing:

• swipeable goes on the container (q-tab-panels), not on individual q-tab-panels — the swipe moves between panels using the container's model.
• Pair it with animated for transitions, and infinite if you want wrapping from the last panel back to the first.
• vertical flips both the default transitions and the swipe axis to vertical.
• Customize the transition direction via transition-prev / transition-next.
• Two practical caveats from the docs: swipe events "may interfere with content's touch/mouse events" — so if a panel contains horizontally scrollable areas or sliders, the gesture can collide with them; and if panels contain images, add draggable="false" to those <img>s or the browser's native drag interferes with swiping.

If you hit a case where the built-in gesture isn't enough (e.g., you need swipe thresholds, or swipe only on part of the panel), the escape hatch is v-touch-swipe / v-touch-pan directives on the panel content driving next() / previous() on the QTabPanels ref — but for plain "swipe between tabs," the prop is all you need.