Hi! Snippets with plugins are not working in Vue right now.

Does the component not work for you at all? Does it show any errors? Can you see if the code bellow is working for you? I pushed a demo app to mdbgo ( https://b-cylwik-drag-and-drop.mdbgo.io/ ) and cannot reproduce your problem.

<template>
  <section class="border p-4 d-flex justify-content-center mb-4">
    <MDBSortable>
      <MDBSortableItem v-for="item in approverList" :key="item.id">{{
        item.name
      }}</MDBSortableItem>
    </MDBSortable>
  </section>
</template>

<script setup lang="ts">
import { ref } from "vue";
import { MDBSortable, MDBSortableItem } from "mdb-vue-drag-and-drop";

const approverList = ref([
  { id: 0, name: "name 0" },
  { id: 1, name: "name 1" },
  { id: 2, name: "name 2" },
  { id: 3, name: "name 3" },
]);
</script>

<style>
.sortable-list {
  width: 500px;
  max-width: 100%;
  border: solid 1px #ccc;
  min-height: 60px;
  display: block;
  background: #fff;
  border-radius: 4px;
}

.sortable-item {
  padding: 20px 10px;
  border-bottom: solid 1px #ccc;
  color: rgba(0, 0, 0, 0.87);
  background: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  user-select: none;
}
</style>