{"_id":"@adcaptcha/vue","_rev":"3-235ca1434bc4226d2edd22d9aea0a75d","name":"@adcaptcha/vue","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@adcaptcha/vue","version":"1.0.0","keywords":["adCAPTCHA","vue","captcha","security"],"author":{"name":"adCAPTCHA"},"license":"MIT","_id":"@adcaptcha/vue@1.0.0","maintainers":[{"name":"lucas_adcaptcha","email":"lucas@adcaptcha.com"},{"name":"mattgibney","email":"matt.gibney@me.com"},{"name":"vasswann","email":"swannxxx@yahoo.co.uk"}],"homepage":"https://docs.adcaptcha.com","bugs":{"url":"https://github.com/adcaptcha-org/adCAPTCHA-NPM-Packages/issues"},"dist":{"shasum":"7aa990de10f10768d0db7ee0f66b554144a019d7","tarball":"https://registry.npmjs.org/@adcaptcha/vue/-/vue-1.0.0.tgz","fileCount":11,"integrity":"sha512-AGfStVzz8UmhyWilcGD1otGLpTNRzvXmcQGq685FGZ0Ty1Vcvb+zLCE6KPnokWVTatFAl+bwwUqJWF47ez4G7w==","signatures":[{"sig":"MEQCIEPJ4ctyp5s4FCnTvRtaFxKnZ9gFioBknSrhjE+HNWhXAiB6cHBodzc/XxFXaBthAUAuYlmny6cPje71Av9iiHhAww==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":11146},"main":"dist/index.umd.js","type":"module","types":"dist/types/index.d.ts","module":"dist/index.es.js","gitHead":"8c2eda591cafc7414c234434148a80afd356bead","scripts":{"dev":"vite","test":"vitest --dom","build":"vite build","test:watch":"vitest --watch"},"_npmUser":{"name":"vasswann","email":"swannxxx@yahoo.co.uk"},"repository":{"url":"git+https://github.com/adcaptcha-org/adCAPTCHA-NPM-Packages.git"},"_npmVersion":"10.9.0","description":" Vue 3 component for adCAPTCHA","directories":{},"_nodeVersion":"22.11.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.11","jsdom":"^25.0.1","vitest":"^2.1.4","vue-tsc":"^2.1.10","happy-dom":"^15.11.4","typescript":"^5.6.3","vue-loader":"^17.4.2","@types/node":"^22.9.0","@vue/test-utils":"^2.4.6","@vitejs/plugin-vue":"^5.1.5","@testing-library/vue":"^8.1.0"},"peerDependencies":{"vue":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/vue_1.0.0_1734539161067_0.007259440638200498","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@adcaptcha/vue","version":"1.0.1","keywords":["adCAPTCHA","vue","captcha","security"],"author":{"name":"adCAPTCHA"},"license":"MIT","_id":"@adcaptcha/vue@1.0.1","maintainers":[{"name":"lucas_adcaptcha","email":"lucas@adcaptcha.com"},{"name":"mattgibney","email":"matt.gibney@me.com"},{"name":"vasswann","email":"swannxxx@yahoo.co.uk"}],"homepage":"https://docs.adcaptcha.com","bugs":{"url":"https://github.com/adcaptcha-org/adCAPTCHA-NPM-Packages/issues"},"dist":{"shasum":"5e57d47a989aea990a436dd3b58dc31fab0a45bd","tarball":"https://registry.npmjs.org/@adcaptcha/vue/-/vue-1.0.1.tgz","fileCount":7,"integrity":"sha512-vGW1Ej/VA+QD7r6gVH0sIJOTe/n8TNvIx1N1H0CTLDlAgYL7yosAyVruliOecM6/7zBTHcCGfbH6n10hEUoTPQ==","signatures":[{"sig":"MEUCIC9GjopMwUv7JRCsxl1ILxUVTkETA89TSNTjgYppcg1rAiEAo8efyUolYsTaEb+d1HoRzVmt3+eb6rlAIsOQvC3Wa3c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":7535},"main":"dist/index.umd.js","type":"module","types":"dist/index.d.ts","module":"dist/index.es.js","gitHead":"3da8a24823d4889f218246d50ba56e8925d8a268","scripts":{"dev":"vite","test":"vitest --dom","build":"vite build","test:watch":"vitest --watch"},"_npmUser":{"name":"vasswann","email":"swannxxx@yahoo.co.uk"},"repository":{"url":"git+https://github.com/adcaptcha-org/adCAPTCHA-NPM-Packages.git"},"_npmVersion":"10.9.0","description":"Vue 3 component for adCAPTCHA","directories":{},"_nodeVersion":"22.11.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.11","jsdom":"^25.0.1","vitest":"^2.1.4","vue-tsc":"^2.1.10","happy-dom":"^15.11.4","typescript":"^5.6.3","vue-loader":"^17.4.2","@types/node":"^22.9.0","@vue/test-utils":"^2.4.6","vite-plugin-dts":"^4.4.0","@vitejs/plugin-vue":"^5.1.5","@testing-library/vue":"^8.1.0"},"peerDependencies":{"vue":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/vue_1.0.1_1736503014500_0.8014441043239018","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2024-12-18T16:26:00.984Z","modified":"2025-09-25T12:10:31.328Z","1.0.0":"2024-12-18T16:26:01.228Z","1.0.1":"2025-01-10T09:56:54.667Z"},"bugs":{"url":"https://github.com/adcaptcha-org/adCAPTCHA-NPM-Packages/issues"},"author":{"name":"adCAPTCHA"},"license":"MIT","homepage":"https://docs.adcaptcha.com","keywords":["adCAPTCHA","vue","captcha","security"],"repository":{"url":"git+https://github.com/adcaptcha-org/adCAPTCHA-NPM-Packages.git"},"description":"Vue 3 component for adCAPTCHA","maintainers":[{"email":"matt.gibney@me.com","name":"mattgibney"}],"readme":"# adCAPTCHA Vue\n\nThis package provides a Vue component for adCAPTCHA. The AdCAPTCHA component is used to show a CAPTCHA on your website, by adding the necessary script and html. After a successful completion of a captcha a success token is exposed which should be validated (using [@adcaptcha/node](/packages/node/README.md)) to make sure it is real and that it hasn’t already been used before.\n\n## Installation\n\n```bash\nnpm install @adcaptcha/vue\n```\n\n## Usage\n\n#### Placement ID\nA Placement ID is used to specify what media will be shown in a CAPTCHA. To create a Placement ID, visit [AdCAPTCHA dashboard](https://app.adcaptcha.com/login). \n\n[Documentation](https://docs.adcaptcha.com/wordpress/setup) to learn how to create a Placement ID.\n\n#### onComplete\nThis is a callback that will execute after successfully completing a CAPTCHA. In this example we are using it to get the success token, but can also be used perform different actions e.g. to remove the disabled attribute from submission buttons and change styling rules.\n\n#### setKeywords\nIf you would like to target specific media for a captcha using keywords, you can do this \nby calling \"window.adcap.setKeywords()\" with an array of strings. The adCAPTCHA widget \nwill then prioritise media that match the keywords you have provided.\n\nMake sure to also add the keywords to the specified media in the [AdCAPTCHA dashboard](https://app.adcaptcha.com/login). \n\n```jsx\n<template>\n  <div class=\"App\">\n    <AdCAPTCHA\n      :placementID=\"PLACEMENT_ID\"\n      @complete=\"handleComplete\"\n    />\n  </div>\n</template>\n<script setup lang=\"ts\">\n    import { AdCAPTCHA, getSuccessToken } from \"@adcaptcha/vue\";\n    import { ref } from \"vue\";\n\n    const token = ref<string | null>(null);\n    const PLACEMENT_ID = import.meta.env.VITE_APP_ADCAPTCHA_PLACEMENT_ID || \"\";\n    \n    const handleComplete = () => {\n        const successToken = getSuccessToken();\n        token.value = successToken;\n    };\n</script>\n```\n","readmeFilename":"README.md"}