{"_id":"@adamlockhart/draw-vue","_rev":"2-08fa603dd88602357e7120586e90d03f","name":"@adamlockhart/draw-vue","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@adamlockhart/draw-vue","version":"1.0.0","license":"MIT","_id":"@adamlockhart/draw-vue@1.0.0","maintainers":[{"name":"adamlockhart","email":"adamlockhart12@gmail.com"}],"dist":{"shasum":"fa56b649cee4fd4e585a8dd81276edfdd156d3c3","tarball":"https://registry.npmjs.org/@adamlockhart/draw-vue/-/draw-vue-1.0.0.tgz","fileCount":3,"integrity":"sha512-dxUcHzQoXsIM2P7zho6xjDaIYlbf+hRdYEYDhDSEW+ulHNp070E59YMTbKu3yW/qprxzTHWZwqpXCdmNktxshQ==","signatures":[{"sig":"MEUCICjKv4pguKptAlESPdBKR68tFb5aLO1blvINQGIahlGQAiEAysaO0N8H3Ld15uw0gU2xlMqCJIqbcrT+NEQMaLVZH9U=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":5510},"main":"./dist/draw-vue.umd.cjs","type":"module","module":"./dist/draw-vue.js","exports":{".":{"import":"./dist/draw-vue.js","require":"./dist/draw-vue.umd.cjs"}},"gitHead":"8338bceb70262aa460ff2eadc254425abdf91d47","scripts":{"dev":"vite build --watch","build":"vite build"},"_npmUser":{"name":"adamlockhart","email":"adamlockhart12@gmail.com"},"_npmVersion":"10.9.4","description":"Vue 3 component wrapper for @adamlockhart/draw-view","directories":{},"_nodeVersion":"22.21.1","dependencies":{"@adamlockhart/draw-view":"^1.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.16","vite":"^6.3.5","@vitejs/plugin-vue":"^5.2.4"},"peerDependencies":{"vue":"^3.4.0"},"_npmOperationalInternal":{"tmp":"tmp/draw-vue_1.0.0_1784827738245_0.7498579151199616","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@adamlockhart/draw-vue","version":"1.0.1","description":"Vue 3 component wrapper for @adamlockhart/draw-view","type":"module","main":"./dist/draw-vue.umd.cjs","module":"./dist/draw-vue.js","exports":{".":{"import":"./dist/draw-vue.js","require":"./dist/draw-vue.umd.cjs"}},"scripts":{"build":"vite build","dev":"vite build --watch"},"dependencies":{"@adamlockhart/draw-view":"^1.0.0"},"peerDependencies":{"vue":"^3.4.0"},"devDependencies":{"@vitejs/plugin-vue":"^5.2.4","vite":"^6.3.5","vue":"^3.5.16"},"license":"MIT","publishConfig":{"access":"public"},"_id":"@adamlockhart/draw-vue@1.0.1","gitHead":"1fb800cca13493231f84ce50dc9b89a895a67b90","_nodeVersion":"22.21.1","_npmVersion":"10.9.4","dist":{"integrity":"sha512-sFBquLUtFvofdmbb7JRfZetzNqf3ZkADWugf/pJoAOrtjeuu7b7+Zex3F9wSX5UPYXSlW0R0i5mz0RBWOcySrA==","shasum":"f19b47b1be94caf7c23fe037185d2060b0868b8b","tarball":"https://registry.npmjs.org/@adamlockhart/draw-vue/-/draw-vue-1.0.1.tgz","fileCount":4,"unpackedSize":6989,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIA77NF55/1zWGCHeR43XDDdTbJRPy77nbidJYKH4HU8FAiEA1esZ17D3IQbiDOH1+EfClR7sFyE0gLDW1K+fRYPTT78="}]},"_npmUser":{"name":"adamlockhart","email":"adamlockhart12@gmail.com"},"directories":{},"maintainers":[{"name":"adamlockhart","email":"adamlockhart12@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/draw-vue_1.0.1_1784833002281_0.49614798466894516"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-23T17:28:58.152Z","modified":"2026-07-23T18:56:42.553Z","1.0.0":"2026-07-23T17:28:58.408Z","1.0.1":"2026-07-23T18:56:42.405Z"},"license":"MIT","description":"Vue 3 component wrapper for @adamlockhart/draw-view","maintainers":[{"name":"adamlockhart","email":"adamlockhart12@gmail.com"}],"readme":"# @adamlockhart/draw-vue\n\nVue 3 component wrapper for [@adamlockhart/draw-view](https://www.npmjs.com/package/@adamlockhart/draw-view).\n\n[Live demo](https://practicube.com/draw/index.html)\n\n## Install\n\n```sh\nnpm install @adamlockhart/draw-vue\n```\n\nVue 3 is a peer dependency.\n\n## Usage\n\n```vue\n<template>\n  <DrawView\n    ref=\"drawView\"\n    :width=\"800\"\n    :height=\"600\"\n    :color=\"{ r: 0, g: 0, b: 0 }\"\n    :stroke-radius=\"3\"\n    @stroke=\"onStroke\"\n  />\n</template>\n\n<script setup>\nimport { DrawView } from '@adamlockhart/draw-vue';\n\nfunction onStroke(stroke) {\n  console.log('completed stroke', stroke);\n}\n</script>\n```\n\n## Props\n\n| Prop | Type | Default | Description |\n|------|------|---------|-------------|\n| `width` | `number` | `800` | Canvas width |\n| `height` | `number` | `600` | Canvas height |\n| `strokeRadius` | `number` | `3` | Stroke radius |\n| `maxError` | `number` | `5` | Error tolerance for smoothing |\n| `color` | `{ r, g, b }` | `{ r: 0, g: 0, b: 0 }` | Stroke color |\n| `backgroundColor` | `string` | `'white'` | Canvas background color |\n\n## Events\n\n- `stroke` — emitted when a stroke is completed, with the stroke object\n\n## Exposed Methods\n\nAccess via template ref:\n\n- `clear()` — clear the canvas\n- `undo()` — remove the last stroke\n- `redo(stroke)` — push a stroke back\n- `getDocument()` — get the serializable document\n- `setDocument(doc)` — load a document\n- `getEngine()` — access the underlying DrawEngine instance\n\n## License\n\nMIT\n","readmeFilename":"README.md"}