vue-dnd-sortable 0.1.10 → 0.1.12

package/dist/context.d.ts

@@ -14,6 +14,7 @@ interface DndContext {
     activate: (id: UniqueIdentifier, handle: Nullable<Element>) => void;
 }
 export interface DndEndEvent {
+    originalEvent: PointerEvent;
     active: UniqueIdentifier;
     over: UniqueIdentifier | null;
 }

package/dist/vue-dnd.es.js

@@ -1,4 +1,4 @@
-import { inject as z, provide as H, toValue as B, defineComponent as _, ref as x, computed as y, watch as C, renderSlot as E, onMounted as F, onUnmounted as T, watchEffect as N, createBlock as M, openBlock as A, resolveDynamicComponent as $, unref as V, withCtx as D, useTemplateRef as X } from "vue";
+import { inject as z, provide as H, toValue as B, defineComponent as _, ref as x, computed as g, watch as C, renderSlot as E, onMounted as F, onUnmounted as T, watchEffect as N, createBlock as M, openBlock as A, resolveDynamicComponent as $, unref as V, withCtx as D, useTemplateRef as X } from "vue";
 function Y(o, e) {
   return e.value - o.value;
 }
@@ -9,7 +9,7 @@ const se = ({ rect: o, rects: e }) => {
   function s(t, n) {
     const l = Math.max(t.x, n.x), i = Math.min(t.x + t.width, n.x + n.width), a = Math.max(t.y, n.y), c = Math.min(t.y + t.height, n.y + n.height), h = i - l, p = c - a;
     if (l < i && a < c) {
-      const d = h * p, g = t.width * t.height, S = n.width * n.height, b = d / (g + S - d);
+      const d = h * p, S = t.width * t.height, R = n.width * n.height, b = d / (S + R - d);
       return Number(b.toFixed(4));
     }
     return 0;
@@ -191,11 +191,12 @@ const oe = (o) => {
     const s = o, r = e, t = x(/* @__PURE__ */ new Map()), n = x(/* @__PURE__ */ new Map()), l = x(/* @__PURE__ */ new Map()), i = x(null), a = x(null), c = x({
       start: null,
       current: { x: 0, y: 0 }
-    }), h = y(() => c.value.start ? {
+    }), h = g(() => c.value.start ? {
       x: s.lockAxis === "y" ? 0 : c.value.current.x - c.value.start.x,
       y: s.lockAxis === "x" ? 0 : c.value.current.y - c.value.start.y
-    } : null), p = y(() => i.value ? s.items.indexOf(i.value) : null), d = y(() => a.value ? s.items.indexOf(a.value) : null), g = y(() => U(s.items, n.value));
-    function S() {
+    } : null), p = g(() => i.value ? s.items.indexOf(i.value) : null), d = g(() => a.value ? s.items.indexOf(a.value) : null), S = g(() => U(s.items, n.value));
+    function R() {
+      n.value.clear();
       for (const [u, v] of t.value)
         n.value.set(u, v.getBoundingClientRect());
     }
@@ -220,14 +221,15 @@ const oe = (o) => {
         return;
       const m = new K({
         element: v ?? f,
-        onStart(R) {
-          S(), c.value.start = R;
+        onStart(y) {
+          R(), c.value.start = y;
         },
-        onMove(R) {
-          c.value.start && (i.value || (i.value = u), c.value.current.x = R.x, c.value.current.y = R.y, a.value = b());
+        onMove(y) {
+          c.value.start && (i.value || (i.value = u), c.value.current.x = y.x, c.value.current.y = y.y, a.value = b());
         },
-        onEnd() {
+        onEnd(y) {
           i.value && r("end", {
+            originalEvent: y,
             active: i.value,
             over: a.value
           }), i.value = null, a.value = null, c.value.start = null;
@@ -235,7 +237,9 @@ const oe = (o) => {
       });
       l.value.set(u, m);
     }
-    return C(t, S, { deep: !0 }), C([i, a], ([u]) => {
+    return C(t, () => {
+      R();
+    }, { deep: !0 }), C([i, a], ([u]) => {
       if (!u) {
         for (const [f, m] of t.value)
           m.style.transition = "", m.style.position = "", m.style.zIndex = "", m.style.transform = "";
@@ -254,7 +258,7 @@ const oe = (o) => {
           u === i.value ? f = h.value : f = s.strategy({
             activeIndex: p.value,
             overIndex: d.value,
-            rects: g.value,
+            rects: S.value,
             index: s.items.indexOf(u)
           }), f && (v.style.transform = `translate(${f.x}px, ${f.y}px)`);
         }
@@ -267,8 +271,8 @@ const oe = (o) => {
       over: a,
       activeIndex: p,
       overIndex: d,
-      items: y(() => s.items),
-      sortedRects: g
+      items: g(() => s.items),
+      sortedRects: S
     }), (u, v) => E(u.$slots, "default");
   }
 }), [
@@ -285,7 +289,7 @@ function ee(o) {
   }), N(() => {
     n && (a.value = w(n)), l && (i.value = w(l)), r(t, i.value);
   });
-  const c = y(() => e.value === t), h = (d) => {
+  const c = g(() => e.value === t), h = (d) => {
     i.value = w(d);
   }, p = (d) => {
     a.value = w(d);

package/dist/vue-dnd.umd.js

@@ -1 +1 @@
-(function(d,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],i):(d=typeof globalThis<"u"?globalThis:d||self,i(d.VueDnD={},d.Vue))})(this,function(d,i){"use strict";function j(s,t){return t.value-s.value}function k(s,t){return s.value-t.value}const O=({rect:s,rects:t})=>{function o(e,n){const c=Math.max(e.x,n.x),r=Math.min(e.x+e.width,n.x+n.width),a=Math.max(e.y,n.y),f=Math.min(e.y+e.height,n.y+n.height),m=r-c,w=f-a;if(c<r&&a<f){const h=m*w,g=e.width*e.height,S=n.width*n.height,b=h/(g+S-h);return Number(b.toFixed(4))}return 0}const l=[];for(const[e,n]of t)l.push({id:e,value:o(s,n)});return l.sort(j)},L=({rect:s,rects:t})=>{function o(n,c){return Math.sqrt((n.x-c.x)**2+(n.y-c.y)**2)}function l(n){return{x:n.x+n.width/2,y:n.y+n.height/2}}const e=[];for(const[n,c]of t)e.push({id:n,value:o(l(c),l(s))});return e.sort(k)};class R{listeners=[];element;constructor(t){this.element=t}add(t,o){this.element.addEventListener(t,o),this.listeners.push([t,o])}removeAll(){this.listeners.forEach(t=>{this.element.removeEventListener(...t)})}}class T{document;listeners;documentListeners;options;windowListeners;constructor(t){const{element:o}=t;this.options=t,this.document=o.ownerDocument,this.listeners=new R(o),this.documentListeners=new R(this.document),this.windowListeners=new R(this.document?.defaultView??window),this.handleStart=this.handleStart.bind(this),this.handleMove=this.handleMove.bind(this),this.handleEnd=this.handleEnd.bind(this),this.deactivate()}deactivate(){this.listeners.removeAll(),this.documentListeners.removeAll(),this.windowListeners.removeAll(),this.listeners.add("pointerdown",this.handleStart)}activate(){this.windowListeners.add("selectionchange",this.clearSelection),this.windowListeners.add("resize",this.handleEnd),this.windowListeners.add("visibilitychange",this.handleEnd),this.windowListeners.add("dragstart",t=>t.preventDefault()),this.windowListeners.add("contextmenu",t=>t.preventDefault()),this.documentListeners.add("pointermove",this.handleMove),this.documentListeners.add("pointerup",this.handleEnd)}handleStart(t){t.button===0&&(this.options.onStart?.({x:t.clientX,y:t.clientY}),this.activate())}handleMove(t){this.options.onMove?.({x:t.clientX,y:t.clientY}),this.clearSelection()}handleEnd(t){this.options.onEnd?.(t),this.deactivate()}clearSelection(){this.document?.getSelection()?.removeAllRanges()}}function M(s){const t=Symbol(`${s}Context`);function o(e){const n=i.inject(t,e);if(n||n===null)return n;throw new Error(`Injection \`${t.toString()}\` not found. Component must be used within \`${s}\``)}function l(e){return i.provide(t,e),e}return[o,l]}function z(s,t){return s.reduce((o,l)=>{const e=t.get(l);return e&&o.push(e),o},[])}function y(s){const t=i.toValue(s);return t?.$el??t}function _(s){return s!==null&&s>=0}const[B,H]=M("DndContext"),I=s=>{const{rects:t,activeIndex:o,overIndex:l,index:e}=s,n=t[o];if(!n)return null;if(e===o){const r=t[l];return r?{x:0,y:o>l?n.top-r.top:r.top-n.top}:null}const c=E(t,e,o,"y");return e>o&&e<=l?{x:0,y:-n.height-c}:e<o&&e>=l?{x:0,y:n.height-c}:{x:0,y:0}};function E(s,t,o,l){const e=s[t],n=s[t-1],c=s[t+1],r=l==="x"?"width":"height",a=l==="x"?"left":"top";return!e||!n&&!c?0:o<t?n?e[a]-(n[a]+n[r]):c?c[a]-(e[a]+e[r]):0:c?e[a]-(c[a]-c[r]):n?n[a]-(e[a]+e[r]):0}const V=s=>{const{rects:t,activeIndex:o,overIndex:l,index:e}=s,n=t[o];if(!n)return null;if(e===o){const r=t[l];return r?{x:o>l?n.left-r.left:r.left-n.left,y:0}:null}const c=E(t,e,o,"x");return e>o&&e<=l?{x:-n.width-c,y:0}:e<o&&e>=l?{x:n.width-c,y:0}:{y:0,x:0}},F=i.defineComponent({__name:"context",props:{items:{},strategy:{type:Function,default:I},collision:{type:Function,default:L},lockAxis:{}},emits:["end"],setup(s,{emit:t}){const o=s,l=t,e=i.ref(new Map),n=i.ref(new Map),c=i.ref(new Map),r=i.ref(null),a=i.ref(null),f=i.ref({start:null,current:{x:0,y:0}}),m=i.computed(()=>f.value.start?{x:o.lockAxis==="y"?0:f.value.current.x-f.value.start.x,y:o.lockAxis==="x"?0:f.value.current.y-f.value.start.y}:null),w=i.computed(()=>r.value?o.items.indexOf(r.value):null),h=i.computed(()=>a.value?o.items.indexOf(a.value):null),g=i.computed(()=>z(o.items,n.value));function S(){for(const[u,v]of e.value)n.value.set(u,v.getBoundingClientRect())}function b(){if(!r.value)return null;const u=n.value.get(r.value),v=u&&m.value?{...u,width:u.width,height:u.height,x:u.x+m.value?.x,y:u.y+m.value?.y}:null;return v?o.collision({rect:v,rects:n.value})[0]?.id??null:null}function G(u,v){const p=e.value.get(u);if(!p)return;const x=new T({element:v??p,onStart(C){S(),f.value.start=C},onMove(C){f.value.start&&(r.value||(r.value=u),f.value.current.x=C.x,f.value.current.y=C.y,a.value=b())},onEnd(){r.value&&l("end",{active:r.value,over:a.value}),r.value=null,a.value=null,f.value.start=null}});c.value.set(u,x)}return i.watch(e,S,{deep:!0}),i.watch([r,a],([u])=>{if(!u){for(const[p,x]of e.value)x.style.transition="",x.style.position="",x.style.zIndex="",x.style.transform="";return}const v=e.value.get(u);if(v){v.style.position="relative",v.style.zIndex="1";for(const[p,x]of e.value)p!==u&&(x.style.transition="0.2s transform")}}),i.watch(m,()=>{if(!(!_(w.value)||!_(h.value))&&!(!r.value||!m.value))for(const[u,v]of e.value){let p=null;u===r.value?p=m.value:p=o.strategy({activeIndex:w.value,overIndex:h.value,rects:g.value,index:o.items.indexOf(u)}),p&&(v.style.transform=`translate(${p.x}px, ${p.y}px)`)}}),H({rects:n,activate:G,elements:e,translate:m,active:r,over:a,activeIndex:w,overIndex:h,items:i.computed(()=>o.items),sortedRects:g}),(u,v)=>i.renderSlot(u.$slots,"default")}}),[A,q]=M("SortableContext");function D(s){const{active:t,elements:o,activate:l}=B(),{id:e,element:n,handle:c}=s,r=i.ref(y(c)),a=i.ref(y(n));i.onMounted(()=>{const h=y(n);h&&o.value.set(e,h)}),i.onUnmounted(()=>{o.value.delete(e)}),i.watchEffect(()=>{n&&(a.value=y(n)),c&&(r.value=y(c)),l(e,r.value)});const f=i.computed(()=>t.value===e),m=h=>{r.value=y(h)},w=h=>{a.value=y(h)};return q({setHandleRef:m}),{isDragging:f,setElementRef:w,setHandleRef:m}}function $(){return A().setHandleRef}const N=i.defineComponent({__name:"handle",props:{as:{default:"button"}},setup(s){const t=$();return(o,l)=>(i.openBlock(),i.createBlock(i.resolveDynamicComponent(o.as),{ref:i.unref(t)},{default:i.withCtx(()=>[i.renderSlot(o.$slots,"default")]),_:3},512))}}),X=i.defineComponent({__name:"sortable",props:{as:{default:"div"},id:{}},setup(s){const t=i.useTemplateRef("el");return D({id:s.id,element:t}),(o,l)=>(i.openBlock(),i.createBlock(i.resolveDynamicComponent(o.as),{ref:"el"},{default:i.withCtx(()=>[i.renderSlot(o.$slots,"default")]),_:3},512))}});function Y(s,t){const{active:o,over:l}=t;if(!l)return s;const e=s.indexOf(o),n=s.indexOf(l);if(e===n)return s;const c=s.slice(),r=c.splice(e,1)[0];return r&&c.splice(n,0,r),c}d.SortableContext=F,d.SortableHandle=N,d.SortableItem=X,d.arrayMove=Y,d.closestToCenter=L,d.horizontalListSortingStrategy=V,d.injectSortableContext=A,d.rectangleIntersection=O,d.useSetHandleRef=$,d.useSortable=D,d.verticalListSortingStrategy=I,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
+(function(d,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],i):(d=typeof globalThis<"u"?globalThis:d||self,i(d.VueDnD={},d.Vue))})(this,function(d,i){"use strict";function j(s,t){return t.value-s.value}function k(s,t){return s.value-t.value}const O=({rect:s,rects:t})=>{function o(e,n){const c=Math.max(e.x,n.x),r=Math.min(e.x+e.width,n.x+n.width),a=Math.max(e.y,n.y),f=Math.min(e.y+e.height,n.y+n.height),m=r-c,w=f-a;if(c<r&&a<f){const h=m*w,S=e.width*e.height,C=n.width*n.height,b=h/(S+C-h);return Number(b.toFixed(4))}return 0}const l=[];for(const[e,n]of t)l.push({id:e,value:o(s,n)});return l.sort(j)},L=({rect:s,rects:t})=>{function o(n,c){return Math.sqrt((n.x-c.x)**2+(n.y-c.y)**2)}function l(n){return{x:n.x+n.width/2,y:n.y+n.height/2}}const e=[];for(const[n,c]of t)e.push({id:n,value:o(l(c),l(s))});return e.sort(k)};class R{listeners=[];element;constructor(t){this.element=t}add(t,o){this.element.addEventListener(t,o),this.listeners.push([t,o])}removeAll(){this.listeners.forEach(t=>{this.element.removeEventListener(...t)})}}class T{document;listeners;documentListeners;options;windowListeners;constructor(t){const{element:o}=t;this.options=t,this.document=o.ownerDocument,this.listeners=new R(o),this.documentListeners=new R(this.document),this.windowListeners=new R(this.document?.defaultView??window),this.handleStart=this.handleStart.bind(this),this.handleMove=this.handleMove.bind(this),this.handleEnd=this.handleEnd.bind(this),this.deactivate()}deactivate(){this.listeners.removeAll(),this.documentListeners.removeAll(),this.windowListeners.removeAll(),this.listeners.add("pointerdown",this.handleStart)}activate(){this.windowListeners.add("selectionchange",this.clearSelection),this.windowListeners.add("resize",this.handleEnd),this.windowListeners.add("visibilitychange",this.handleEnd),this.windowListeners.add("dragstart",t=>t.preventDefault()),this.windowListeners.add("contextmenu",t=>t.preventDefault()),this.documentListeners.add("pointermove",this.handleMove),this.documentListeners.add("pointerup",this.handleEnd)}handleStart(t){t.button===0&&(this.options.onStart?.({x:t.clientX,y:t.clientY}),this.activate())}handleMove(t){this.options.onMove?.({x:t.clientX,y:t.clientY}),this.clearSelection()}handleEnd(t){this.options.onEnd?.(t),this.deactivate()}clearSelection(){this.document?.getSelection()?.removeAllRanges()}}function M(s){const t=Symbol(`${s}Context`);function o(e){const n=i.inject(t,e);if(n||n===null)return n;throw new Error(`Injection \`${t.toString()}\` not found. Component must be used within \`${s}\``)}function l(e){return i.provide(t,e),e}return[o,l]}function z(s,t){return s.reduce((o,l)=>{const e=t.get(l);return e&&o.push(e),o},[])}function y(s){const t=i.toValue(s);return t?.$el??t}function _(s){return s!==null&&s>=0}const[B,H]=M("DndContext"),E=s=>{const{rects:t,activeIndex:o,overIndex:l,index:e}=s,n=t[o];if(!n)return null;if(e===o){const r=t[l];return r?{x:0,y:o>l?n.top-r.top:r.top-n.top}:null}const c=I(t,e,o,"y");return e>o&&e<=l?{x:0,y:-n.height-c}:e<o&&e>=l?{x:0,y:n.height-c}:{x:0,y:0}};function I(s,t,o,l){const e=s[t],n=s[t-1],c=s[t+1],r=l==="x"?"width":"height",a=l==="x"?"left":"top";return!e||!n&&!c?0:o<t?n?e[a]-(n[a]+n[r]):c?c[a]-(e[a]+e[r]):0:c?e[a]-(c[a]-c[r]):n?n[a]-(e[a]+e[r]):0}const V=s=>{const{rects:t,activeIndex:o,overIndex:l,index:e}=s,n=t[o];if(!n)return null;if(e===o){const r=t[l];return r?{x:o>l?n.left-r.left:r.left-n.left,y:0}:null}const c=I(t,e,o,"x");return e>o&&e<=l?{x:-n.width-c,y:0}:e<o&&e>=l?{x:n.width-c,y:0}:{y:0,x:0}},F=i.defineComponent({__name:"context",props:{items:{},strategy:{type:Function,default:E},collision:{type:Function,default:L},lockAxis:{}},emits:["end"],setup(s,{emit:t}){const o=s,l=t,e=i.ref(new Map),n=i.ref(new Map),c=i.ref(new Map),r=i.ref(null),a=i.ref(null),f=i.ref({start:null,current:{x:0,y:0}}),m=i.computed(()=>f.value.start?{x:o.lockAxis==="y"?0:f.value.current.x-f.value.start.x,y:o.lockAxis==="x"?0:f.value.current.y-f.value.start.y}:null),w=i.computed(()=>r.value?o.items.indexOf(r.value):null),h=i.computed(()=>a.value?o.items.indexOf(a.value):null),S=i.computed(()=>z(o.items,n.value));function C(){n.value.clear();for(const[u,v]of e.value)n.value.set(u,v.getBoundingClientRect())}function b(){if(!r.value)return null;const u=n.value.get(r.value),v=u&&m.value?{...u,width:u.width,height:u.height,x:u.x+m.value?.x,y:u.y+m.value?.y}:null;return v?o.collision({rect:v,rects:n.value})[0]?.id??null:null}function G(u,v){const p=e.value.get(u);if(!p)return;const x=new T({element:v??p,onStart(g){C(),f.value.start=g},onMove(g){f.value.start&&(r.value||(r.value=u),f.value.current.x=g.x,f.value.current.y=g.y,a.value=b())},onEnd(g){r.value&&l("end",{originalEvent:g,active:r.value,over:a.value}),r.value=null,a.value=null,f.value.start=null}});c.value.set(u,x)}return i.watch(e,()=>{C()},{deep:!0}),i.watch([r,a],([u])=>{if(!u){for(const[p,x]of e.value)x.style.transition="",x.style.position="",x.style.zIndex="",x.style.transform="";return}const v=e.value.get(u);if(v){v.style.position="relative",v.style.zIndex="1";for(const[p,x]of e.value)p!==u&&(x.style.transition="0.2s transform")}}),i.watch(m,()=>{if(!(!_(w.value)||!_(h.value))&&!(!r.value||!m.value))for(const[u,v]of e.value){let p=null;u===r.value?p=m.value:p=o.strategy({activeIndex:w.value,overIndex:h.value,rects:S.value,index:o.items.indexOf(u)}),p&&(v.style.transform=`translate(${p.x}px, ${p.y}px)`)}}),H({rects:n,activate:G,elements:e,translate:m,active:r,over:a,activeIndex:w,overIndex:h,items:i.computed(()=>o.items),sortedRects:S}),(u,v)=>i.renderSlot(u.$slots,"default")}}),[A,q]=M("SortableContext");function D(s){const{active:t,elements:o,activate:l}=B(),{id:e,element:n,handle:c}=s,r=i.ref(y(c)),a=i.ref(y(n));i.onMounted(()=>{const h=y(n);h&&o.value.set(e,h)}),i.onUnmounted(()=>{o.value.delete(e)}),i.watchEffect(()=>{n&&(a.value=y(n)),c&&(r.value=y(c)),l(e,r.value)});const f=i.computed(()=>t.value===e),m=h=>{r.value=y(h)},w=h=>{a.value=y(h)};return q({setHandleRef:m}),{isDragging:f,setElementRef:w,setHandleRef:m}}function $(){return A().setHandleRef}const N=i.defineComponent({__name:"handle",props:{as:{default:"button"}},setup(s){const t=$();return(o,l)=>(i.openBlock(),i.createBlock(i.resolveDynamicComponent(o.as),{ref:i.unref(t)},{default:i.withCtx(()=>[i.renderSlot(o.$slots,"default")]),_:3},512))}}),X=i.defineComponent({__name:"sortable",props:{as:{default:"div"},id:{}},setup(s){const t=i.useTemplateRef("el");return D({id:s.id,element:t}),(o,l)=>(i.openBlock(),i.createBlock(i.resolveDynamicComponent(o.as),{ref:"el"},{default:i.withCtx(()=>[i.renderSlot(o.$slots,"default")]),_:3},512))}});function Y(s,t){const{active:o,over:l}=t;if(!l)return s;const e=s.indexOf(o),n=s.indexOf(l);if(e===n)return s;const c=s.slice(),r=c.splice(e,1)[0];return r&&c.splice(n,0,r),c}d.SortableContext=F,d.SortableHandle=N,d.SortableItem=X,d.arrayMove=Y,d.closestToCenter=L,d.horizontalListSortingStrategy=V,d.injectSortableContext=A,d.rectangleIntersection=O,d.useSetHandleRef=$,d.useSortable=D,d.verticalListSortingStrategy=E,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,40 +1,40 @@
 {
   "name": "vue-dnd-sortable",
-  "version": "0.1.10",
-  "description": "Simple sortable for vue",
   "type": "module",
-  "main": "dist/vue-dnd.umd.js",
-  "module": "dist/vue-dnd.es.js",
-  "types": "dist/index.d.ts",
+  "version": "0.1.12",
+  "description": "Simple sortable for vue",
+  "author": "Hodame <hodame04@gmail.com>",
+  "license": "MIT",
+  "keywords": [
+    "vue",
+    "dnd",
+    "drag",
+    "drop",
+    "sortable",
+    "component"
+  ],
   "exports": {
+    "types": "./dist/index.d.ts",
     "import": "./dist/vue-dnd.es.js",
-    "require": "./dist/vue-dnd.umd.js",
-    "types": "./dist/index.d.ts"
+    "require": "./dist/vue-dnd.umd.js"
   },
+  "main": "dist/vue-dnd.umd.js",
+  "module": "dist/vue-dnd.es.js",
+  "types": "dist/index.d.ts",
   "files": [
     "dist"
   ],
   "scripts": {
     "build": "vue-tsc --declaration --emitDeclarationOnly && vite build"
   },
+  "peerDependencies": {
+    "typescript": "^5.8.3",
+    "vue": "^3.5"
+  },
   "devDependencies": {
     "@types/bun": "latest",
     "@vitejs/plugin-vue": "^6.0.0",
     "vite": "^7.0.0",
     "vue-tsc": "^2.2.10"
-  },
-  "peerDependencies": {
-    "typescript": "^5.8.3",
-    "vue": "^3.5"
-  },
-  "keywords": [
-    "vue",
-    "dnd",
-    "drag",
-    "drop",
-    "sortable",
-    "component"
-  ],
-  "author": "Hodame <hodame04@gmail.com>",
-  "license": "MIT"
+  }
 }