drag and drop wip

web/src/components/DragDrop.vue

@@ -0,0 +1,28 @@
+<template>
+    <div  class="sticky top-0 mx-auto my-auto h-3/5 w-3/5  bg-red-500">
+asdasdas
+    </div>
+</template>
+
+<script>
+export default {
+    setup () {
+        
+
+        return {}
+    },
+    methods: {
+    startDrag(event, item) {
+      event.dataTransfer.dropEffect = 'move'
+      event.dataTransfer.effectAllowed = 'move'
+      event.dataTransfer.setData('itemID', item.id)
+    },
+    onDrop(event, list) {
+      const itemID = event.dataTransfer.getData('itemID')
+      const item = this.items.find((item) => item.id == itemID)
+      item.list = list
+    },
+  },
+}
+</script>
+

web/src/views/DiscussionsView.vue

@@ -155,7 +155,9 @@
            
         </TransitionGroup>
         <WelcomeComponent  v-if="!currentDiscussion.id" />
+        <DragDrop ></DragDrop>
         </div>
+        
         <div class=" sticky bottom-0">
             <ChatBox v-if="currentDiscussion.id" @messageSentEvent="sendMsg" :loading="isGenerating"
                 @stopGenerating="stopGenerating" />
@@ -999,7 +1001,8 @@ export default {
         Message,
         ChatBox,
         WelcomeComponent,
-        Toast
+        Toast,
+        DragDrop
     },
     watch: {
         filterTitle(newVal) {
@@ -1055,7 +1058,7 @@ import Message from '../components/Message.vue'
 import ChatBox from '../components/ChatBox.vue'
 import WelcomeComponent from '../components/WelcomeComponent.vue'
 import Toast from '../components/Toast.vue'
-
+import DragDrop from '../components/DragDrop.vue'
 import feather from 'feather-icons'
 
 import axios from 'axios'