{"_id":"@boceto/vue","_rev":"6-26bfd182d76cc05226e0b3d861a71a46","name":"@boceto/vue","dist-tags":{"latest":"0.4.1"},"versions":{"0.1.0":{"name":"@boceto/vue","version":"0.1.0","keywords":["boceto","wireframe","vue","vue3","web-components"],"author":{"name":"Maravilla Labs"},"license":"MIT","_id":"@boceto/vue@0.1.0","maintainers":[{"name":"labertasch","email":"senol@trinovate.dev"}],"homepage":"https://maravilla-labs.github.io/boceto/","bugs":{"url":"https://github.com/maravilla-labs/boceto/issues"},"dist":{"shasum":"2a32aa6e4c5e8e700d2bc205dd977f87f66c0afb","tarball":"https://registry.npmjs.org/@boceto/vue/-/vue-0.1.0.tgz","fileCount":9,"integrity":"sha512-L1wJyfPhU+PG3ZiKChMtE/qvnQYHwtoZCvcW7+Gjl71vawvDN6z3fX9wjfVvnMsRFSAlnXZOLl9+kMLzI+YiuQ==","signatures":[{"sig":"MEQCIB50cK4yfg1IUrz2ovIEtShmXGJ77YFn7LTLCjMKTGeJAiAPR09S1YqVv3SX5RJgWQ69WvYq7XNVHOT1L4Ld20JpKg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":35505},"main":"./dist/index.cjs","type":"module","_from":"file:boceto-vue-0.1.0.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"scripts":{"dev":"tsup --watch","test":"vitest run","build":"tsup"},"_npmUser":{"name":"labertasch","email":"senol@trinovate.dev"},"_resolved":"/private/var/folders/nq/p6mjdj7556scvsc6kcy7nw2r0000gn/T/b2a409afe0e93cc98d67cbd824bb13db/boceto-vue-0.1.0.tgz","_integrity":"sha512-L1wJyfPhU+PG3ZiKChMtE/qvnQYHwtoZCvcW7+Gjl71vawvDN6z3fX9wjfVvnMsRFSAlnXZOLl9+kMLzI+YiuQ==","repository":{"url":"git+https://github.com/maravilla-labs/boceto.git","type":"git","directory":"packages/vue"},"_npmVersion":"10.9.3","description":"Vue 3 wrappers for <boceto-view> and <boceto-edit>.","directories":{},"sideEffects":false,"_nodeVersion":"22.20.0","dependencies":{"@boceto/core":"0.1.0","@boceto/edit":"0.1.0","@boceto/view":"0.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.0","tsup":"^8.3.0","jsdom":"^25.0.1","vitest":"^2.1.4","typescript":"^5.6.3","@vue/test-utils":"^2.4.0"},"peerDependencies":{"vue":"^3.3.0"},"_npmOperationalInternal":{"tmp":"tmp/vue_0.1.0_1778844949322_0.2995678281924177","host":"s3://npm-registry-packages-npm-production"}},"0.2.0":{"name":"@boceto/vue","version":"0.2.0","keywords":["boceto","wireframe","vue","vue3","web-components"],"author":{"name":"Maravilla Labs"},"license":"MIT","_id":"@boceto/vue@0.2.0","maintainers":[{"name":"labertasch","email":"senol@trinovate.dev"}],"homepage":"https://maravilla-labs.github.io/boceto/","bugs":{"url":"https://github.com/maravilla-labs/boceto/issues"},"dist":{"shasum":"90558bf50d944ff66762d1c878f37a2a819627bd","tarball":"https://registry.npmjs.org/@boceto/vue/-/vue-0.2.0.tgz","fileCount":9,"integrity":"sha512-buJkYqwdrv8hAIkF4X26+BuY5q/9WqlXkbLsHkBxHcznfugxDuSzJO/Ki1V90nt7F/g1fKMUi+7EU9detgTHRw==","signatures":[{"sig":"MEQCICZID74YkLu9/XLrxbEuwoEStS9cqO4+ijD54zq6/9X7AiAzW9kgO2Gt70qEJccY05dZlmPKEZ2t7DUbjSSQ3b7E2g==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":35505},"main":"./dist/index.cjs","type":"module","_from":"file:boceto-vue-0.2.0.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"scripts":{"dev":"tsup --watch","test":"vitest run","build":"tsup"},"_npmUser":{"name":"labertasch","email":"senol@trinovate.dev"},"_resolved":"/private/var/folders/nq/p6mjdj7556scvsc6kcy7nw2r0000gn/T/8d15f40d5705f1d4d65e54cf66788cb0/boceto-vue-0.2.0.tgz","_integrity":"sha512-buJkYqwdrv8hAIkF4X26+BuY5q/9WqlXkbLsHkBxHcznfugxDuSzJO/Ki1V90nt7F/g1fKMUi+7EU9detgTHRw==","repository":{"url":"git+https://github.com/maravilla-labs/boceto.git","type":"git","directory":"packages/vue"},"_npmVersion":"10.9.3","description":"Vue 3 wrappers for <boceto-view> and <boceto-edit>.","directories":{},"sideEffects":false,"_nodeVersion":"22.20.0","dependencies":{"@boceto/core":"0.2.0","@boceto/edit":"0.2.0","@boceto/view":"0.2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.0","tsup":"^8.3.0","jsdom":"^25.0.1","vitest":"^2.1.4","typescript":"^5.6.3","@vue/test-utils":"^2.4.0"},"peerDependencies":{"vue":"^3.3.0"},"_npmOperationalInternal":{"tmp":"tmp/vue_0.2.0_1778939754435_0.5929943200459202","host":"s3://npm-registry-packages-npm-production"}},"0.3.0":{"name":"@boceto/vue","version":"0.3.0","keywords":["boceto","wireframe","vue","vue3","web-components"],"author":{"name":"Maravilla Labs"},"license":"MIT","_id":"@boceto/vue@0.3.0","maintainers":[{"name":"labertasch","email":"senol@trinovate.dev"}],"homepage":"https://maravilla-labs.github.io/boceto/","bugs":{"url":"https://github.com/maravilla-labs/boceto/issues"},"dist":{"shasum":"678cc470ff643665273dbc65982bd9561bf1de30","tarball":"https://registry.npmjs.org/@boceto/vue/-/vue-0.3.0.tgz","fileCount":9,"integrity":"sha512-u+QbMQ+MlytDtU0ebLILQuIcBMwUbkxySDd2wdHHMqWioRnyba/EXZe5UoPOsh5Jrg4yfHAQXHSbX16CkNwd5w==","signatures":[{"sig":"MEUCICePJGovEck5FqFp5rvherHdFJUd3ecKSgzBB1MS7/EYAiEAnv0Q7/W97fYkCkFaVP51CamRGyV3mpkx5r2KXA/C2EQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":39051},"main":"./dist/index.cjs","type":"module","_from":"file:boceto-vue-0.3.0.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"scripts":{"dev":"tsup --watch","test":"vitest run","build":"tsup"},"_npmUser":{"name":"labertasch","email":"senol@trinovate.dev"},"_resolved":"/private/var/folders/nq/p6mjdj7556scvsc6kcy7nw2r0000gn/T/150d7b053eb40395f84a368c094bb892/boceto-vue-0.3.0.tgz","_integrity":"sha512-u+QbMQ+MlytDtU0ebLILQuIcBMwUbkxySDd2wdHHMqWioRnyba/EXZe5UoPOsh5Jrg4yfHAQXHSbX16CkNwd5w==","repository":{"url":"git+https://github.com/maravilla-labs/boceto.git","type":"git","directory":"packages/vue"},"_npmVersion":"10.9.3","description":"Vue 3 wrappers for <boceto-view> and <boceto-edit>.","directories":{},"sideEffects":false,"_nodeVersion":"22.20.0","dependencies":{"@boceto/core":"0.3.0","@boceto/edit":"0.3.0","@boceto/view":"0.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.0","tsup":"^8.3.0","jsdom":"^25.0.1","vitest":"^2.1.4","typescript":"^5.6.3","@vue/test-utils":"^2.4.0"},"peerDependencies":{"vue":"^3.3.0"},"_npmOperationalInternal":{"tmp":"tmp/vue_0.3.0_1779100183170_0.5146756721697234","host":"s3://npm-registry-packages-npm-production"}},"0.3.1":{"name":"@boceto/vue","version":"0.3.1","keywords":["boceto","wireframe","vue","vue3","web-components"],"author":{"name":"Maravilla Labs"},"license":"MIT","_id":"@boceto/vue@0.3.1","maintainers":[{"name":"labertasch","email":"senol@trinovate.dev"}],"homepage":"https://maravilla-labs.github.io/boceto/","bugs":{"url":"https://github.com/maravilla-labs/boceto/issues"},"dist":{"shasum":"682339859e0f5d0ddb2dc3e553ef1abf7de56a48","tarball":"https://registry.npmjs.org/@boceto/vue/-/vue-0.3.1.tgz","fileCount":9,"integrity":"sha512-1SfRb07E/CCiwYMmydJpfoncEPY2V0eMU1gw2FVMrClqGPlWrpJR0VFL4+CeUVWPyCtI3TwKPg9nyRpOJAliEQ==","signatures":[{"sig":"MEUCIQCghEj+jvI39u1zn9XpHyAnW8gUNNcxu9/Asagy02JFJgIgGHqlVemiqYJX08t0tEjM1brH8mpaYsNUW3J72n1YgzI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":39051},"main":"./dist/index.cjs","type":"module","_from":"file:boceto-vue-0.3.1.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"scripts":{"dev":"tsup --watch","test":"vitest run","build":"tsup"},"_npmUser":{"name":"labertasch","email":"senol@trinovate.dev"},"_resolved":"/private/var/folders/nq/p6mjdj7556scvsc6kcy7nw2r0000gn/T/b3617bb6370985ad3d7c0ff7c6ee1797/boceto-vue-0.3.1.tgz","_integrity":"sha512-1SfRb07E/CCiwYMmydJpfoncEPY2V0eMU1gw2FVMrClqGPlWrpJR0VFL4+CeUVWPyCtI3TwKPg9nyRpOJAliEQ==","repository":{"url":"git+https://github.com/maravilla-labs/boceto.git","type":"git","directory":"packages/vue"},"_npmVersion":"10.9.3","description":"Vue 3 wrappers for <boceto-view> and <boceto-edit>.","directories":{},"sideEffects":false,"_nodeVersion":"22.20.0","dependencies":{"@boceto/core":"0.3.0","@boceto/edit":"0.4.0","@boceto/view":"0.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.0","tsup":"^8.3.0","jsdom":"^25.0.1","vitest":"^2.1.4","typescript":"^5.6.3","@vue/test-utils":"^2.4.0"},"peerDependencies":{"vue":"^3.3.0"},"_npmOperationalInternal":{"tmp":"tmp/vue_0.3.1_1779117009432_0.3901833570698727","host":"s3://npm-registry-packages-npm-production"}},"0.4.0":{"name":"@boceto/vue","version":"0.4.0","keywords":["boceto","wireframe","vue","vue3","web-components"],"author":{"name":"Maravilla Labs"},"license":"MIT","_id":"@boceto/vue@0.4.0","maintainers":[{"name":"labertasch","email":"senol@trinovate.dev"}],"homepage":"https://maravilla-labs.github.io/boceto/","bugs":{"url":"https://github.com/maravilla-labs/boceto/issues"},"dist":{"shasum":"f24608a6d38cd93900ce0b747f48b7e8dde26de2","tarball":"https://registry.npmjs.org/@boceto/vue/-/vue-0.4.0.tgz","fileCount":9,"integrity":"sha512-VYn7OBmxQEgx2VzF48Y6iYdawQ7gpGpNqedNnXtujFjVtdg7hOJS0D9nURpEb8QZHItBs20ZQMWYiiuRp2CP+Q==","signatures":[{"sig":"MEUCIDSfwK/FpL1i/oiepczgJaatndE0+rvtoqDmVir4oElLAiEA51RKrUv5uPV1/RXUMYqz/pTc0IxrtwXQea5EdFhdR3g=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":40173},"main":"./dist/index.cjs","type":"module","_from":"file:boceto-vue-0.4.0.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"scripts":{"dev":"tsup --watch","test":"vitest run","build":"tsup"},"_npmUser":{"name":"labertasch","email":"senol@trinovate.dev"},"_resolved":"/private/var/folders/nq/p6mjdj7556scvsc6kcy7nw2r0000gn/T/1538018e7c70f31879839baaf363c36b/boceto-vue-0.4.0.tgz","_integrity":"sha512-VYn7OBmxQEgx2VzF48Y6iYdawQ7gpGpNqedNnXtujFjVtdg7hOJS0D9nURpEb8QZHItBs20ZQMWYiiuRp2CP+Q==","repository":{"url":"git+https://github.com/maravilla-labs/boceto.git","type":"git","directory":"packages/vue"},"_npmVersion":"10.9.3","description":"Vue 3 wrappers for <boceto-view> and <boceto-edit>.","directories":{},"sideEffects":false,"_nodeVersion":"22.20.0","dependencies":{"@boceto/core":"0.3.0","@boceto/edit":"0.4.0","@boceto/view":"0.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.0","tsup":"^8.3.0","jsdom":"^25.0.1","vitest":"^2.1.4","typescript":"^5.6.3","@vue/test-utils":"^2.4.0"},"peerDependencies":{"vue":"^3.3.0"},"_npmOperationalInternal":{"tmp":"tmp/vue_0.4.0_1779119605938_0.9406198544820337","host":"s3://npm-registry-packages-npm-production"}},"0.4.1":{"name":"@boceto/vue","version":"0.4.1","description":"Vue 3 wrappers for <boceto-view> and <boceto-edit>.","license":"MIT","author":{"name":"Maravilla Labs"},"homepage":"https://maravilla-labs.github.io/boceto/","repository":{"type":"git","url":"git+https://github.com/maravilla-labs/boceto.git","directory":"packages/vue"},"bugs":{"url":"https://github.com/maravilla-labs/boceto/issues"},"keywords":["boceto","wireframe","vue","vue3","web-components"],"type":"module","sideEffects":false,"main":"./dist/index.cjs","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"peerDependencies":{"vue":"^3.3.0"},"dependencies":{"@boceto/view":"0.2.1","@boceto/edit":"0.5.0","@boceto/core":"0.3.0"},"devDependencies":{"@vue/test-utils":"^2.4.0","jsdom":"^25.0.1","tsup":"^8.3.0","typescript":"^5.6.3","vitest":"^2.1.4","vue":"^3.5.0"},"publishConfig":{"access":"public"},"scripts":{"build":"tsup","dev":"tsup --watch","test":"vitest run"},"_id":"@boceto/vue@0.4.1","_integrity":"sha512-MrqlciPqmB2sOBhqXwNRXlW22M2N5TnGsCCr4vGbPTlu+rP79bNZ76MDHzZqsunbLUNceNZvcCSjmxLl1IKLCw==","_resolved":"/private/var/folders/nq/p6mjdj7556scvsc6kcy7nw2r0000gn/T/2d9a71d9a12c8158944dee2c7a7b65bf/boceto-vue-0.4.1.tgz","_from":"file:boceto-vue-0.4.1.tgz","_nodeVersion":"22.20.0","_npmVersion":"10.9.3","dist":{"integrity":"sha512-MrqlciPqmB2sOBhqXwNRXlW22M2N5TnGsCCr4vGbPTlu+rP79bNZ76MDHzZqsunbLUNceNZvcCSjmxLl1IKLCw==","shasum":"2d18ceb9ae62abf1c9f4d57d0805c99fe25444c1","tarball":"https://registry.npmjs.org/@boceto/vue/-/vue-0.4.1.tgz","fileCount":9,"unpackedSize":40573,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQClFe3yIpI8uPMCMNejZcxV/EtwnW8pjWKhHXM1XX/LJgIgARUiSWIvl8ksK1ly3YPcgJIHxpdKnAR5egHmB7+qOS4="}]},"_npmUser":{"name":"labertasch","email":"senol@trinovate.dev"},"directories":{},"maintainers":[{"name":"labertasch","email":"senol@trinovate.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/vue_0.4.1_1779134982140_0.8089261893238335"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-15T11:35:49.203Z","modified":"2026-05-18T20:09:42.455Z","0.1.0":"2026-05-15T11:35:49.483Z","0.2.0":"2026-05-16T13:55:54.587Z","0.3.0":"2026-05-18T10:29:43.321Z","0.3.1":"2026-05-18T15:10:09.568Z","0.4.0":"2026-05-18T15:53:26.077Z","0.4.1":"2026-05-18T20:09:42.312Z"},"bugs":{"url":"https://github.com/maravilla-labs/boceto/issues"},"author":{"name":"Maravilla Labs"},"license":"MIT","homepage":"https://maravilla-labs.github.io/boceto/","keywords":["boceto","wireframe","vue","vue3","web-components"],"repository":{"type":"git","url":"git+https://github.com/maravilla-labs/boceto.git","directory":"packages/vue"},"description":"Vue 3 wrappers for <boceto-view> and <boceto-edit>.","maintainers":[{"name":"labertasch","email":"senol@trinovate.dev"}],"readme":"# `@boceto/vue`\n\nVue 3 wrappers for the Boceto custom elements.\n\n```sh\npnpm add @boceto/vue\n```\n\n```vue\n<script setup lang=\"ts\">\nimport { BocetoView, BocetoEdit } from '@boceto/vue'\nimport { ref } from 'vue'\n\nconst code = ref(`element navbar 0 0 600 44 \"MyApp\"\nelement heading 100 90 400 32 \"Welcome\"\nelement primary-button 100 160 400 36 \"Sign in\"`)\n</script>\n\n<template>\n  <!-- read-only render -->\n  <BocetoView :code=\"code\" :width=\"600\" :height=\"240\" />\n\n  <!-- interactive editor; v-model:code for two-way binding -->\n  <BocetoEdit v-model:code=\"code\" :width=\"600\" :height=\"240\" />\n</template>\n```\n\n## Props\n\n### `<BocetoView>`\n\n| Prop | Type | Notes |\n|---|---|---|\n| `code` | string | Boceto DSL source (one mode) |\n| `src` | string | URL to fetch a `.boceto` file (the other mode) |\n| `width` | number | Render width (px) |\n| `height` | number | Render height (px) |\n| `page` | string &#124; number | Page selector for multi-page docs |\n| `bocetoClass` | string | Class on the underlying `<boceto-view>` (avoids the Vue `class` conflict) |\n| `bocetoStyle` | string &#124; object | Inline style on the underlying element |\n\nEmits `render(doc, page)` when the canvas renders.\n\n### `<BocetoEdit>`\n\n| Prop | Type | Notes |\n|---|---|---|\n| `code` | string | DSL source — pairs with `v-model:code` |\n| `width` | number | Editor width (px) |\n| `height` | number | Editor height (px) |\n| `readOnly` | boolean | Disable editing |\n| `bocetoClass`, `bocetoStyle` | — | Same as above |\n\nEmits `update:code(code)` whenever the editor commits a change.\n\n## Get the runtime\n\n`@boceto/vue` doesn't include the custom-element runtime — it pulls in\n`@boceto/view` and `@boceto/edit` and calls `defineBocetoView()` /\n`defineBocetoEdit()` on mount. Your bundler treats them as ordinary\nES modules.\n\n## Want to know more about Boceto?\n\n- npm: `boceto` (CLI) · `@boceto/mcp` · `@boceto/lint` · `@boceto/core` · `@boceto/view` · `@boceto/edit` · `@boceto/react` · `@boceto/svelte`\n- Website: https://maravilla-labs.github.io/boceto/\n\nMIT © Maravilla Labs\n","readmeFilename":"README.md"}