packages: Add vue-draggable-resizable

This library makes it easy to add dragging and resizing on any component.
bluerobotics · Jan 3, 2025 · 92a289b · 92a289b
1 parent 32eaa8b
commit 92a289b
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 0 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/package.json b/package.json
@@ -66,6 +66,7 @@
     "uuid": "^8.3.2",
     "vue": "^3.4.21",
     "vue-draggable-plus": "^0.2.0-beta.2",
+    "vue-draggable-resizable": "3.0.0",
     "vue-router": "^4.0.14",
     "vue-virtual-scroller": "^2.0.0-beta.8",
     "vue3-slider": "^1.9.0",

diff --git a/src/main.ts b/src/main.ts
@@ -10,6 +10,7 @@ import * as Sentry from '@sentry/vue'
 import FloatingVue from 'floating-vue'
 import { createPinia } from 'pinia'
 import { createApp } from 'vue'
+import VueDraggableResizable from 'vue-draggable-resizable'
 import VueVirtualScroller from 'vue-virtual-scroller'
 
 import { app_version } from '@/libs/cosmos'
@@ -47,6 +48,7 @@ if (window.localStorage.getItem('cockpit-enable-usage-statistics-telemetry') &&
 }
 
 app.component('FontAwesomeIcon', FontAwesomeIcon)
+app.component('VueDraggableResizable', VueDraggableResizable)
 app.use(router).use(vuetify).use(createPinia()).use(FloatingVue).use(VueVirtualScroller)
 app.mount('#app')
 

diff --git a/src/types/shims.d.ts b/src/types/shims.d.ts
@@ -25,3 +25,9 @@ declare module 'vue-virtual-scroller' {
 
   export default plugin
 }
+
+declare module 'vue-draggable-resizable' {
+  import { DefineComponent } from 'vue'
+  const component: DefineComponent<Record<string, never>>
+  export default component
+}