<template>
  <DraggableList v-model="values" :can-delete="false">
    <template #default="{ row }: { row: any }">
      <div>
        {{ row.value.name }}
      </div>
    </template>
  </DraggableList>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import DraggableList from '@/components/table/DraggableList.vue';

const values = ref([
  { key: '1', value: { name: 'toto' } },
  { key: '2', value: { name: 'tutu' } },
  { key: '3', value: { name: 'titi' } },
]);
</script>
