[Help] How to use with b-tabs (bootstrap)

[gabmed]

How to use vue.draggable with Bootstrap-Vue Tabs? I want to drag tabs to reorder them.

I tried the following but it does not work (tabs does not render):

<b-card no-body>
     <b-tabs card @drop="droped">
            <draggable
                  v-model="tabs"
                  group="people"
                  @start="drag=true"
                  @end="drag=false"
                  item-key="id">
                <template #item="{element, index}">
                  <b-tab :title="element.title">{{element.text}} -{{index}}</b-tab>
                </template>
              </draggable>
       </b-tabs>
</b-card>

I think that´s because of b-tabs template, not sure. Thanks