【Vuetify】v-tabs内のVue.Draggableがタッチデバイスで正常に動作しない現象の対策

現象

入れ替え自体はできるが、ドラッグしたアイテムがドラッグされたままのような状態になっている。
機能的に問題はないがとてもカッコ悪い。

考察

v-tabのスワイプでのタブ切り替え操作でタッチイベントが競合しているのではないか？

対策

スワイプのタブ切り替えを無効にしてみる

tab.vue

       <v-tabs-items :touchless="true">
            <v-tab-item key="tab-search">
                <order-search/>
            </v-tab-item>
            <v-tab-item key="tab-application">
                <orders-application/>
            </v-tab-item>
            <v-tab-item key="tab-keep">
                <order-keep/>
            </v-tab-item>
        </v-tabs-items>

結果

解決しました