{"_id":"@abc26xyz/draggable-resizable-vue3","name":"@abc26xyz/draggable-resizable-vue3","dist-tags":{"latest":"1.0.95-beta"},"versions":{"1.0.95-beta":{"name":"@abc26xyz/draggable-resizable-vue3","version":"1.0.95-beta","license":"MIT","description":"Vue 3 Component to drag and resize. Based on draggable-resizable-vue3","publishConfig":{"access":"public"},"scripts":{"dev":"vite --host","build":"vite build","preview":"vite preview --port 4173","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore"},"devDependencies":{"@babel/core":"^7.18.10","@rushstack/eslint-patch":"^1.1.4","@vitejs/plugin-vue":"^3.0.1","@vue/eslint-config-prettier":"^7.0.0","babel-loader":"^8.2.5","eslint":"^8.21.0","eslint-plugin-vue":"^9.3.0","prettier":"^2.7.1","vite":"^3.0.4","vue":"^3.2.37","vue-eslint-parser":"^9.0.3","vue-loader":"^16.8.3"},"repository":{"type":"git","url":"git+https://github.com/abc26xyz/draggable-resizable-vue3.git"},"keywords":["vue3","component","draggable","resizable"],"main":"src/index.js","module":"src/index.js","unpkg":"src/index.js","_id":"@abc26xyz/draggable-resizable-vue3@1.0.95-beta","gitHead":"ebf2d8c49e9afec073b75521d25f5161ab2e26bb","bugs":{"url":"https://github.com/abc26xyz/draggable-resizable-vue3/issues"},"homepage":"https://github.com/abc26xyz/draggable-resizable-vue3#readme","_nodeVersion":"20.14.0","_npmVersion":"10.7.0","dist":{"integrity":"sha512-vvdoAlcXVPxZswckRggG0Lq07IIEX4A2NXwOCeDv95rID3bcryb9YFDTtbYAAXRoSXUAHuxQzQRQ0P+87gyCNg==","shasum":"e41763a2000c0f1d753e9998bd3262802421c854","tarball":"https://registry.npmjs.org/@abc26xyz/draggable-resizable-vue3/-/draggable-resizable-vue3-1.0.95-beta.tgz","fileCount":17,"unpackedSize":364537,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCHjMmSAT8VhQrEACQPPZhL7rsec0qcYvzsfgw2r0zSdwIhAPzIbNlTBaECQg+5E9q+hehTg+KZ38AIYpA09DUgbf+V"}]},"_npmUser":{"name":"x_xing","email":"wooo.xing@gmail.com"},"directories":{},"maintainers":[{"name":"x_xing","email":"wooo.xing@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/draggable-resizable-vue3_1.0.95-beta_1725507632695_0.3411536201373888"},"_hasShrinkwrap":false}},"time":{"created":"2024-09-05T03:40:32.591Z","1.0.95-beta":"2024-09-05T03:40:32.971Z","modified":"2024-09-05T03:40:33.239Z"},"maintainers":[{"name":"x_xing","email":"wooo.xing@gmail.com"}],"description":"Vue 3 Component to drag and resize. Based on draggable-resizable-vue3","homepage":"https://github.com/abc26xyz/draggable-resizable-vue3#readme","keywords":["vue3","component","draggable","resizable"],"repository":{"type":"git","url":"git+https://github.com/abc26xyz/draggable-resizable-vue3.git"},"bugs":{"url":"https://github.com/abc26xyz/draggable-resizable-vue3/issues"},"license":"MIT","readme":"# draggable-resizable-vue3\r\n\r\n[![Latest Version on NPM](https://img.shields.io/npm/v/draggable-resizable-vue3.svg?style=flat-square)](https://www.npmjs.com/package/draggable-resizable-vue3)\r\n[![Software License](https://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat-square)](LICENSE.md)\r\n[![npm](https://img.shields.io/npm/dt/draggable-resizable-vue3.svg?style=flat-square)](https://www.npmjs.com/package/draggable-resizable-vue3)\r\n\r\nThis is Vue 3 (Composition API) library for draggable and resizable elements with custom grid.\r\n\r\n![preview](static/draggable.gif)\r\n\r\n## Get started\r\n\r\n- [:green_book: Documentation](https://draggable-resizable-vue3.netlify.app/).\r\n- [:cookie: Examples](https://draggable-resizable-vue3.netlify.app/docs/examples/no-props.html).\r\n- [:tomato: Live playground.](https://codesandbox.io/s/github/zavalen/draggable-resizable-vue3?file=/src/App.vue)\r\n\r\n\r\n\r\n## Roadmap\r\n- :white_check_mark: Rewrite to Composition API.\r\n- :white_check_mark: Create docs.\r\n- :black_square_button: Test all props, slots and events.\r\n- :black_square_button: Add as much as possible examples of usage to the docs.\r\n- :black_square_button: Rewrite to Typescript.\r\n- :black_square_button: Release the stable `1.1.0` version.\r\n\r\n\r\n\r\n## Installation\r\n\r\n```bash\r\n$ npm install draggable-resizable-vue3\r\n```\r\n\r\nRegister (`DraggableResizableVue` and `DraggableResizableContainer` components) globally:\r\n\r\n```js\r\n// main.js\r\nimport { createApp } from \"vue\";\r\nimport App from \"./App.vue\";\r\nimport DraggableResizableVue from \"draggable-resizable-vue3\";\r\nconst app = createApp(App);\r\napp.use(DraggableResizableVue);\r\napp.mount(\"#app\");\r\n```\r\n\r\nRegister locally (composition API):\r\n\r\n```vue\r\n<script setup>\r\nimport DraggableResizableVue from \"draggable-resizable-vue3\";\r\n</script>\r\n```\r\n\r\nRegister locally with the container component:\r\n\r\n```vue\r\n<script setup>\r\nimport {\r\n  DraggableResizableVue,\r\n  DraggableResizableContainer,\r\n} from \"draggable-resizable-vue3\";\r\n</script>\r\n```\r\n___\r\n\r\nInitially, this is a fork of the Vue 2 library [vue-draggable-resizable](https://github.com/mauricius/vue-draggable-resizable). Now it is being developed independently from the source.","readmeFilename":"README.md"}