{"_id":"@apiosk/checkout-vue","_rev":"2-50187c74cdb9c1abd8fa7a66116bf641","name":"@apiosk/checkout-vue","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@apiosk/checkout-vue","version":"0.1.0","keywords":["apiosk","checkout","vue","payments","x402"],"author":{"name":"Apiosk"},"license":"MIT","_id":"@apiosk/checkout-vue@0.1.0","maintainers":[{"name":"olivierbrinkman","email":"ollybrinkman@gmail.com"}],"homepage":"https://docs.apiosk.com","dist":{"shasum":"bcd5bca9f810daed13f1bb66dc98009f05bf8e76","tarball":"https://registry.npmjs.org/@apiosk/checkout-vue/-/checkout-vue-0.1.0.tgz","fileCount":4,"integrity":"sha512-Juau/y8aOfnnSWtUR8yF9ymIyh1bniHrD3RLYTSb56Mpavl3kc/EWlcX9pGfXr6TZU7fzVqHCqkRJAh40WjFpg==","signatures":[{"sig":"MEUCIE1jRmsvN9XpZblpm3g8ng9UFsp0Az8gRmBHpLJ72rXeAiEAl8XCqQihE3poFQh9nCYdcYVD7sNoo/eC5PRDw4BA+sg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":4660},"main":"./index.mjs","type":"module","types":"./index.d.ts","exports":{".":{"types":"./index.d.ts","default":"./index.mjs"}},"gitHead":"4ffab03f444d9b52946f9889916deb29488964da","scripts":{"check":"node --check index.mjs"},"_npmUser":{"name":"olivierbrinkman","email":"ollybrinkman@gmail.com"},"_npmVersion":"11.4.2","description":"Vue wrapper for the Apiosk four-layer checkout button","directories":{},"_nodeVersion":"24.3.0","dependencies":{"@apiosk/checkout-web":"^0.1.0","@apiosk/checkout-core":"^0.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"vue":"^3.4.0"},"_npmOperationalInternal":{"tmp":"tmp/checkout-vue_0.1.0_1775835593924_0.26556409720711094","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2026-04-10T15:39:53.829Z","modified":"2026-08-16T19:44:08.599Z","0.1.0":"2026-04-10T15:39:54.057Z"},"author":{"name":"Apiosk"},"license":"MIT","homepage":"https://docs.apiosk.com","keywords":["apiosk","checkout","vue","payments","x402"],"description":"Vue wrapper for the Apiosk four-layer checkout button","maintainers":[{"email":"ollybrinkman@gmail.com","name":"olivierbrinkman"},{"email":"olivier@apiosk.com","name":"apiosk-packages"}],"readme":"# `@apiosk/checkout-vue`\n\nVue 3 wrapper for the Apiosk four-layer checkout button.\n\nLike the React wrapper, this package stays thin and delegates the runtime UI to\n`@apiosk/checkout-web`.\n\n## Install\n\nAfter publish:\n\n```bash\nnpm install @apiosk/checkout-vue @apiosk/checkout-web @apiosk/checkout-core\n```\n\nBefore publish:\n\n```bash\nnpm install ./subs/checkout-vue ./subs/checkout-web ./subs/checkout-core\n```\n\n## Component usage\n\n```vue\n<script setup>\nimport { ApioskCheckoutButton } from \"@apiosk/checkout-vue\";\n\nconst checkoutConfig = {\n  merchantName: \"Northstar Marketplace\",\n  productName: \"Automation bundle\",\n  amountLabel: \"24.95 EUR\",\n  orderReference: \"ord_2048\",\n  subtitle: \"One trigger for humans, agents, and programmable rails.\",\n  rails: [\n    {\n      id: \"credits\",\n      status: \"live\",\n      launchUrl: \"https://gateway.apiosk.com/geocode/forward\",\n    },\n    {\n      id: \"x402\",\n      status: \"live\",\n      launchUrl: \"https://gateway.apiosk.com/geocode/forward\",\n    },\n    {\n      id: \"agent\",\n      status: \"pilot\",\n    },\n  ],\n};\n</script>\n\n<template>\n  <ApioskCheckoutButton :config=\"checkoutConfig\" />\n</template>\n```\n\n## Plugin usage\n\n```js\nimport { createApp } from \"vue\";\nimport App from \"./App.vue\";\nimport { ApioskCheckoutVuePlugin } from \"@apiosk/checkout-vue\";\n\ncreateApp(App).use(ApioskCheckoutVuePlugin).mount(\"#app\");\n```\n\n## Design rule\n\nThe Vue layer should not own checkout logic. Keep the contract in\n`@apiosk/checkout-core` and the DOM runtime in `@apiosk/checkout-web`.\n","readmeFilename":"README.md"}