feat: basic sortable list, missing auto-scroll

2026-09-10 14:25:24 +02:00 · 2026-08-31 16:18:28 +02:00
parent 1d492d5922
commit 0e155831d7
4 changed files with 176 additions and 11 deletions
@@ -1,5 +1,36 @@
+<script setup lang="ts">
+    import SortableList from '@/components/SortableList.vue';
+    import {
+        ref
+    } from 'vue';
+
+    const items = ref( [
+        'test',
+        'test2',
+        'test3',
+        'test4',
+        'test5',
+        'test6',
+        'test7',
+        'test8',
+        'test9',
+        'test10'
+    ] );
+</script>
+
 <template>
    <div>
        <h1>MusicPlayer</h1>
+        <div class="test">
+            <SortableList v-slot="{ item, index }" v-model="items">
+                {{ item }} at {{ index }}
+            </SortableList>
+        </div>
    </div>
 </template>
+
+<style lang="scss" scoped>
+.test {
+    height: 150px;
+}
+</style>