{"_id":"@anywidget/vue","_rev":"6-df0270afdc39175a6b287518945c4ac5","name":"@anywidget/vue","dist-tags":{"latest":"0.1.2"},"versions":{"0.0.0":{"name":"@anywidget/vue","version":"0.0.0","license":"MIT","_id":"@anywidget/vue@0.0.0","maintainers":[{"name":"manzt","email":"trevor.j.manz@gmail.com"}],"dist":{"shasum":"ad31c15e73fa18fb62236a6fee74490194a12be3","tarball":"https://registry.npmjs.org/@anywidget/vue/-/vue-0.0.0.tgz","fileCount":6,"integrity":"sha512-Du06cXOfjvrHYruS+1wxiRG/MMXv78pa7y45FX8cSez1hOqF7XjyKArHLe3c8+AHtsUK9UF7SNY47VTennhfVg==","signatures":[{"sig":"MEYCIQD9NMtAObZrlsj8QgtQJzc4Wh93tltsRI5vMKCggYkbEAIhAOsBSbrhI25wE6sy0xDmK/fyoDn3J2alWxdyIYC5GGbp","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":8018},"main":"index.js","type":"module","_from":"file:anywidget-vue-0.0.0.tgz","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./index.js"}},"_npmUser":{"name":"manzt","email":"trevor.j.manz@gmail.com"},"_resolved":"/private/var/folders/w5/_8wgjw3j5cg6mgrth3s2kg9m0000gn/T/36f7a0b423d37bbbeac9592246dbb38f/anywidget-vue-0.0.0.tgz","_integrity":"sha512-Du06cXOfjvrHYruS+1wxiRG/MMXv78pa7y45FX8cSez1hOqF7XjyKArHLe3c8+AHtsUK9UF7SNY47VTennhfVg==","_npmVersion":"10.8.2","description":"Vue utilities for anywidget","directories":{},"_nodeVersion":"20.19.0","dependencies":{"@anywidget/types":"^0.2.0"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.13"},"peerDependencies":{"vue":"^3.5.13"},"_npmOperationalInternal":{"tmp":"tmp/vue_0.0.0_1747839604924_0.5466897631269314","host":"s3://npm-registry-packages-npm-production"}},"0.0.1":{"name":"@anywidget/vue","version":"0.0.1","license":"MIT","_id":"@anywidget/vue@0.0.1","maintainers":[{"name":"manzt","email":"trevor.j.manz@gmail.com"}],"dist":{"shasum":"76f3f71640450a8e58ebe2835d85aac51a25f631","tarball":"https://registry.npmjs.org/@anywidget/vue/-/vue-0.0.1.tgz","fileCount":6,"integrity":"sha512-ukmzRGBmLfVB3aiCLYvPgmLvvAQ218JRdRsPJNH6JXnzdTN58JxHKgSMz4Q1j3luXbWT78N/8HtSrQ9AS00PGg==","signatures":[{"sig":"MEUCIQCbMSU5e5oFgRA8oU42YAjLOW7XtzrHHC5AjD0Wrmj4HgIgMV4AgAbZSApEx3tRGkd3r85zfAYd7KAidrGRqqe22Ss=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":7989},"main":"index.js","type":"module","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./index.js"}},"gitHead":"47dd8ed3d5e2d8f18e1cc9d514f47dc0185516e0","_npmUser":{"name":"manzt","email":"trevor.j.manz@gmail.com"},"_npmVersion":"10.9.2","description":"Vue utilities for anywidget","directories":{},"_nodeVersion":"22.15.0","dependencies":{"@anywidget/types":"workspace:^"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.13"},"peerDependencies":{"vue":"^3.5.13"},"_npmOperationalInternal":{"tmp":"tmp/vue_0.0.1_1747839807358_0.626774408879536","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"@anywidget/vue","version":"0.0.2","license":"MIT","_id":"@anywidget/vue@0.0.2","maintainers":[{"name":"manzt","email":"trevor.j.manz@gmail.com"}],"dist":{"shasum":"bc3d074c789afcdf259f387f15c7b4a1a362fffb","tarball":"https://registry.npmjs.org/@anywidget/vue/-/vue-0.0.2.tgz","fileCount":6,"integrity":"sha512-qgTZ1RaZpF/L5/hROqR/YBjQbeeHBccyIQL+IwqquEoLvKGE+Uhnce0TZXoGEholQWcY2EV5yvvVu0FokPt0rw==","signatures":[{"sig":"MEYCIQChbYBbwqXXeJCVGnMm+R9jZGor2Nt659z5vgWXQQFsMwIhANwwyqqCZmRUllRe0no1wbVakqeJHBV4cVa5T0Kx3Mo4","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":8018},"main":"index.js","type":"module","_from":"file:anywidget-vue-0.0.2.tgz","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./index.js"}},"gitHead":"ae0c398469a574f5e82d36be19aad669941a3dba","_npmUser":{"name":"manzt","email":"trevor.j.manz@gmail.com"},"_resolved":"/private/var/folders/14/wph8hc1n4dv99ht24tjmj91w0000gn/T/2553a4f7fba71d34cd59d3454bc7ac86/anywidget-vue-0.0.2.tgz","_integrity":"sha512-qgTZ1RaZpF/L5/hROqR/YBjQbeeHBccyIQL+IwqquEoLvKGE+Uhnce0TZXoGEholQWcY2EV5yvvVu0FokPt0rw==","_npmVersion":"10.9.2","description":"Vue utilities for anywidget","directories":{},"_nodeVersion":"22.15.0","dependencies":{"@anywidget/types":"^0.2.0"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.13"},"peerDependencies":{"vue":"^3.5.13"},"_npmOperationalInternal":{"tmp":"tmp/vue_0.0.2_1747839888561_0.42930603045492743","host":"s3://npm-registry-packages-npm-production"}},"0.1.0":{"name":"@anywidget/vue","version":"0.1.0","license":"MIT","_id":"@anywidget/vue@0.1.0","maintainers":[{"name":"manzt","email":"trevor.j.manz@gmail.com"}],"dist":{"shasum":"e667cd70ed9d81448541962fb9cc58e964043b1f","tarball":"https://registry.npmjs.org/@anywidget/vue/-/vue-0.1.0.tgz","fileCount":6,"integrity":"sha512-DDPj/bZ2WPxK4JMqZaj6GPvkQUfP8dPUU80gZtKcyGSsrB1W9DOKy5bJpQ8OvL/zBRwCCOkxx82EzQnPgUviWA==","signatures":[{"sig":"MEUCIGQQSwFm/ygr3YflxOLHiB2nn53uu6HhrWaPYn8hwW1MAiEA/TcrlqnW09oluFKYUlcayMwoaCWnq8EaEmTLbF5nb8M=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":8018},"main":"index.js","type":"module","_from":"file:anywidget-vue-0.1.0.tgz","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./index.js"}},"_npmUser":{"name":"manzt","email":"trevor.j.manz@gmail.com"},"_resolved":"/private/var/folders/w5/_8wgjw3j5cg6mgrth3s2kg9m0000gn/T/1bf4e33c7baae2a5928ff3c5f895e8a0/anywidget-vue-0.1.0.tgz","_integrity":"sha512-DDPj/bZ2WPxK4JMqZaj6GPvkQUfP8dPUU80gZtKcyGSsrB1W9DOKy5bJpQ8OvL/zBRwCCOkxx82EzQnPgUviWA==","_npmVersion":"10.8.2","description":"Vue utilities for anywidget","directories":{},"_nodeVersion":"20.19.0","dependencies":{"@anywidget/types":"^0.2.0"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.13"},"peerDependencies":{"vue":"^3.5.13"},"_npmOperationalInternal":{"tmp":"tmp/vue_0.1.0_1747840914932_0.801283941911288","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@anywidget/vue","version":"0.1.1","license":"MIT","_id":"@anywidget/vue@0.1.1","maintainers":[{"name":"manzt","email":"trevor.j.manz@gmail.com"}],"homepage":"https://github.com/manzt/anywidget#readme","bugs":{"url":"https://github.com/manzt/anywidget/issues"},"dist":{"shasum":"4e4af7b6cbbd17ecfbd3cc09a64e3385f5f8b524","tarball":"https://registry.npmjs.org/@anywidget/vue/-/vue-0.1.1.tgz","fileCount":6,"integrity":"sha512-/32w+o0PlREf5sDmZR+A8AHQeI8GTzEcqpdd+VLzpD8R758ew302AwQKk7ti5ZgLb3clAVPruqYjMfVbVOrgyQ==","signatures":[{"sig":"MEUCIHsOa7LQ/JZFLqC0WZjGk1jDLV93VjfVpFygmwUrtUweAiEAgN0P4vspkRa7os9hz4gSsxUjTn7peOvmqYheTRPV3f4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@anywidget%2fvue@0.1.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":8072},"main":"index.js","type":"module","_from":"file:anywidget-vue-0.1.1.tgz","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./index.js"}},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:2e4cd711-79b8-4e7d-b350-a5f4209c2d0a"}},"_resolved":"/private/var/folders/2j/q8gfr3px16xbk18lq5pql8g40000gn/T/d3726c5a147ea55d41789119ae2a6b6a/anywidget-vue-0.1.1.tgz","_integrity":"sha512-/32w+o0PlREf5sDmZR+A8AHQeI8GTzEcqpdd+VLzpD8R758ew302AwQKk7ti5ZgLb3clAVPruqYjMfVbVOrgyQ==","repository":{"url":"git+https://github.com/manzt/anywidget.git","type":"git"},"_npmVersion":"11.12.1","description":"Vue utilities for anywidget","directories":{},"_nodeVersion":"20.20.2","dependencies":{"@anywidget/types":"^0.3.0"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.22"},"peerDependencies":{"vue":"^3.5.22"},"_npmOperationalInternal":{"tmp":"tmp/vue_0.1.1_1775490348735_0.49613800824216225","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"name":"@anywidget/vue","version":"0.1.2","description":"Vue utilities for anywidget","license":"MIT","repository":{"type":"git","url":"git+https://github.com/manzt/anywidget.git"},"type":"module","main":"index.js","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./index.js"}},"dependencies":{"@anywidget/types":"^0.4.0"},"devDependencies":{"vue":"^3.5.33"},"peerDependencies":{"vue":"^3.5.33"},"_id":"@anywidget/vue@0.1.2","bugs":{"url":"https://github.com/manzt/anywidget/issues"},"homepage":"https://github.com/manzt/anywidget#readme","_integrity":"sha512-WB34TVqnSj92g8s2Lm5IAAq27thDvVmz2f5gZHkl/EoNTrVmtokdV3b4dWTalrs/UAPPQp3grwO9KvRLZ5JYOw==","_resolved":"/private/var/folders/4p/8vd_3q4s5xd_63_2t67zykqm0000gn/T/dbad42970ef0309d6811231492295641/anywidget-vue-0.1.2.tgz","_from":"file:anywidget-vue-0.1.2.tgz","_nodeVersion":"24.15.0","_npmVersion":"11.12.1","dist":{"integrity":"sha512-WB34TVqnSj92g8s2Lm5IAAq27thDvVmz2f5gZHkl/EoNTrVmtokdV3b4dWTalrs/UAPPQp3grwO9KvRLZ5JYOw==","shasum":"5247eefff2e4f5e29465bb56541b5da250d40f46","tarball":"https://registry.npmjs.org/@anywidget/vue/-/vue-0.1.2.tgz","fileCount":6,"unpackedSize":8263,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@anywidget%2fvue@0.1.2","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIF0wEi7Zxkmwr52X1Lh0n2uqMnWB5HbIVNf1aKuFLEw8AiBExkWEkzKY6j7rxH6R+y4EjDJqWOVFle3BviOl5gTTrg=="}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:2e4cd711-79b8-4e7d-b350-a5f4209c2d0a"}},"directories":{},"maintainers":[{"name":"manzt","email":"trevor.j.manz@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/vue_0.1.2_1777333324711_0.2196642152714281"},"_hasShrinkwrap":false}},"time":{"created":"2025-05-21T15:00:04.836Z","modified":"2026-04-27T23:42:05.192Z","0.0.0":"2025-05-21T15:00:05.115Z","0.0.1":"2025-05-21T15:03:27.569Z","0.0.2":"2025-05-21T15:04:48.754Z","0.1.0":"2025-05-21T15:21:55.133Z","0.1.1":"2026-04-06T15:45:48.887Z","0.1.2":"2026-04-27T23:42:04.896Z"},"bugs":{"url":"https://github.com/manzt/anywidget/issues"},"license":"MIT","homepage":"https://github.com/manzt/anywidget#readme","repository":{"type":"git","url":"git+https://github.com/manzt/anywidget.git"},"description":"Vue utilities for anywidget","maintainers":[{"name":"manzt","email":"trevor.j.manz@gmail.com"}],"readme":"# @anywidget/vue\n\n> Vue utilities for [**anywidget**](https://anywidget.dev)\n\n## Installation\n\n```sh\nnpm install @anywidget/vue\n```\n\n## Usage\n\n```javascript\n// src/index.js\nimport { createRender } from \"@anywidget/vue\";\nimport CounterWidget from \"./CounterWidget.vue\";\n\nconst render = createRender(CounterWidget);\n\nexport default { render };\n```\n\n```vue\n<!-- src/CounterWidget.vue -->\n<script setup>\nimport { useModelState } from \"@anywidget/vue\";\n\nconst value = useModelState(\"value\");\n</script>\n\n<template>\n  <button :onClick=\"() => value++\">count is {{ value }}</button>\n</template>\n\n<style scoped></style>\n```\n\n## Bundlers\n\nYou'll need to compile the above source files into a single ESM entrypoint for\n**anywidget** with a bundler.\n\n### Vite\n\nWe currently recommend using [Vite](https://vite.dev/) in [library mode](https://vite.dev/guide/build.html#library-mode).\n\n```sh\npnpm add -D @types/node @vitejs/plugin-vue vite\n```\n\n```javascript\n// vite.config.js\nimport { dirname, resolve } from \"node:path\";\nimport { fileURLToPath } from \"node:url\";\nimport { defineConfig } from \"vite\";\nimport vue from \"@vitejs/plugin-vue\";\n\nconst __dirname = dirname(fileURLToPath(import.meta.url));\n\n// https://vite.dev/config/\nexport default defineConfig({\n  plugins: [vue()],\n  build: {\n    lib: {\n      entry: resolve(__dirname, \"js/CounterWidget.ts\"),\n      // the proper extensions will be added\n      fileName: \"counter-widget\",\n      formats: [\"es\"],\n    },\n    // minify: false, // Uncomment to make it easier to debug errors.\n  },\n  define: {\n    // DOCS: https://vite.dev/guide/build.html#css-support\n    // > In library mode, all import.meta.env.* usage are statically replaced when building for production.\n    // > However, process.env.* usage are not, so that consumers of your library can dynamically change it.\n    //\n    // The consumer of the widget is a webview, which does not have a top level process object.\n    // So we need to replace it with a static value.\n    \"process.env.NODE_ENV\": '\"production\"',\n  },\n});\n```\n\n```sh\nvite build\n```\n\nYou can read more about using Vite with **anywidget** in\n[our documentation](https://anywidget.dev/en/bundling/#vite).\n\n## License\n\nMIT\n","readmeFilename":"README.md"}