{"_id":"@colorlint/vue","_rev":"3-d8c0734365d984495c0c3b642ced950d","name":"@colorlint/vue","dist-tags":{"latest":"0.1.2"},"versions":{"0.1.0":{"name":"@colorlint/vue","version":"0.1.0","keywords":["accessibility","a11y","wcag","contrast","vue","vue-composable","color","design-system"],"author":{"name":"Senthil Kumar Bhaskaran","email":"senthilkumar.b@adappt.ai"},"license":"MIT","_id":"@colorlint/vue@0.1.0","maintainers":[{"name":"senthiljruby","email":"senthil.jruby@gmail.com"}],"homepage":"https://github.com/senthiljruby/colorlint#readme","bugs":{"url":"https://github.com/senthiljruby/colorlint/issues"},"dist":{"shasum":"c9566daa8f8c79c51cf58bd9808122cd0b7eb07f","tarball":"https://registry.npmjs.org/@colorlint/vue/-/vue-0.1.0.tgz","fileCount":10,"integrity":"sha512-zGx9KcsmyV6uOfenuY23JETWVtcMlmDZ7KIS35VoUWHZuu0BDOKxJbyXD/ZvF0bNx8H2zWD7UufTEAReeY1Fdw==","signatures":[{"sig":"MEUCIDKEOKqktil5qJoHK2jbjhyidbW4UcmUIXS2N374ZuRMAiEAu6Tqj/5d+/KfpJyGLLF2X2eNCNawPm556a3Z+4K5+lM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":7123},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","gitHead":"d26a1cf623f5e4355aa744bcf6f0fcc61e689d12","scripts":{"build":"tsc -p tsconfig.json","typecheck":"tsc --noEmit"},"_npmUser":{"name":"senthiljruby","email":"senthil.jruby@gmail.com"},"repository":{"url":"git+https://github.com/senthiljruby/colorlint.git","type":"git","directory":"packages/vue"},"_npmVersion":"11.5.1","description":"Vue adapter for @colorlint/core — a thin composable, no analysis logic lives here","directories":{},"sideEffects":false,"_nodeVersion":"24.5.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.12","typescript":"^5.6.3"},"peerDependencies":{"vue":">=3","@colorlint/core":"^0.1.0"},"_npmOperationalInternal":{"tmp":"tmp/vue_0.1.0_1787034463296_0.022066301489287232","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@colorlint/vue","version":"0.1.1","keywords":["accessibility","a11y","wcag","contrast","vue","vue-composable","color","design-system"],"author":{"name":"Senthil Kumar Bhaskaran","email":"senthilkumar.b@adappt.ai"},"license":"MIT","_id":"@colorlint/vue@0.1.1","maintainers":[{"name":"senthiljruby","email":"senthil.jruby@gmail.com"}],"homepage":"https://github.com/senthiljruby/colorlint#readme","bugs":{"url":"https://github.com/senthiljruby/colorlint/issues"},"dist":{"shasum":"3e455a54b78d568a2b6e6e5dac456abba593db96","tarball":"https://registry.npmjs.org/@colorlint/vue/-/vue-0.1.1.tgz","fileCount":11,"integrity":"sha512-MDk8w0PdAPxzTLMUAJBWymCikhdqlRVQMnQlV7KxB2bXqHDyAOxlRTaSJYM2VVnYP5RFIPUK5iw1Nqukfz6Zog==","signatures":[{"sig":"MEYCIQD8O0i9BIB6tcEug0HF9IoXFnu0Vi562fvj97bEgIe39gIhAIXRdh2XnFVz6TE9ym/zW2RTo7nWhEzzqDr2gjrJIP1P","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":8746},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","gitHead":"2b143c59d336a55b39de329e1d26b2d010ad259d","scripts":{"build":"tsc -p tsconfig.json","typecheck":"tsc --noEmit"},"_npmUser":{"name":"senthiljruby","email":"senthil.jruby@gmail.com"},"repository":{"url":"git+https://github.com/senthiljruby/colorlint.git","type":"git","directory":"packages/vue"},"_npmVersion":"11.5.1","description":"Vue adapter for @colorlint/core — a thin composable, no analysis logic lives here","directories":{},"sideEffects":false,"_nodeVersion":"24.5.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.12","typescript":"^5.6.3"},"peerDependencies":{"vue":">=3","@colorlint/core":"^0.1.0"},"_npmOperationalInternal":{"tmp":"tmp/vue_0.1.1_1787035282574_0.7515655781560513","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"name":"@colorlint/vue","version":"0.1.2","description":"Vue adapter for @colorlint/core — a thin composable, no analysis logic lives here","type":"module","main":"./dist/index.js","types":"./dist/index.d.ts","sideEffects":false,"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/senthiljruby/colorlint.git","directory":"packages/vue"},"homepage":"https://github.com/senthiljruby/colorlint#readme","bugs":{"url":"https://github.com/senthiljruby/colorlint/issues"},"keywords":["accessibility","a11y","wcag","contrast","vue","vue-composable","color","design-system"],"author":{"name":"Senthil Kumar Bhaskaran","email":"senthil.jruby@gmail.com"},"scripts":{"build":"tsc -p tsconfig.json","typecheck":"tsc --noEmit"},"peerDependencies":{"@colorlint/core":"^0.1.0","vue":">=3"},"devDependencies":{"typescript":"^5.6.3","vue":"^3.5.12"},"license":"MIT","_id":"@colorlint/vue@0.1.2","gitHead":"e0fc256366f4860de355c45117eb7a04d41bd678","_nodeVersion":"24.5.0","_npmVersion":"11.5.1","dist":{"integrity":"sha512-5KyxYSBcn5nYvDSvWbhf6l3xWWa1phihGuAKTNUDeZ7uQKqh8X2m6qD+c+WrvjrGBlbAp5zgjw8e+3r7pZwjDQ==","shasum":"2d929bd85f296fa83fbb6c825faef7e1efdcda4e","tarball":"https://registry.npmjs.org/@colorlint/vue/-/vue-0.1.2.tgz","fileCount":11,"unpackedSize":8745,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDrpU2NQ0Sp9DEnSPCWmntKXKzIavYCVqVZHrIxXDReVwIgbslQR6armi1OeoxbxX8C5wKFZDyecrM0j0sXHc9BcJE="}]},"_npmUser":{"name":"senthiljruby","email":"senthil.jruby@gmail.com"},"directories":{},"maintainers":[{"name":"senthiljruby","email":"senthil.jruby@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/vue_0.1.2_1787054613468_0.09043799430587729"},"_hasShrinkwrap":false}},"time":{"created":"2026-08-18T06:27:43.108Z","modified":"2026-08-18T12:03:33.951Z","0.1.0":"2026-08-18T06:27:43.437Z","0.1.1":"2026-08-18T06:41:22.706Z","0.1.2":"2026-08-18T12:03:33.628Z"},"bugs":{"url":"https://github.com/senthiljruby/colorlint/issues"},"author":{"name":"Senthil Kumar Bhaskaran","email":"senthil.jruby@gmail.com"},"license":"MIT","homepage":"https://github.com/senthiljruby/colorlint#readme","keywords":["accessibility","a11y","wcag","contrast","vue","vue-composable","color","design-system"],"repository":{"type":"git","url":"git+https://github.com/senthiljruby/colorlint.git","directory":"packages/vue"},"description":"Vue adapter for @colorlint/core — a thin composable, no analysis logic lives here","maintainers":[{"name":"senthiljruby","email":"senthil.jruby@gmail.com"}],"readme":"# @colorlint/vue\n\nVue binding for [`@colorlint/core`](https://www.npmjs.com/package/@colorlint/core) — a `useColorAccessibility` composable. Contains no analysis logic of its own; it wires the core analyzer's lifecycle to Vue's (`onMounted`/`onBeforeUnmount`).\n\n## Install\n\n```bash\nnpm install @colorlint/core @colorlint/vue\n```\n\n## Usage\n\n```vue\n<script setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport { useColorAccessibility } from \"@colorlint/vue\";\n\nconst cardRef = ref<HTMLElement | null>(null);\nconst { violations, reanalyze, analyzer } = useColorAccessibility(cardRef, {\n  rules: { wcag: { enabled: true, level: \"AA\" } },\n  observe: true, // keep re-analyzing on DOM mutation\n});\n</script>\n\n<template>\n  <div ref=\"cardRef\">\n    <p style=\"color:#aaa\">Low-contrast text</p>\n  </div>\n  <p v-if=\"violations.length\">{{ violations.length }} color issue(s) found</p>\n</template>\n```\n\n### API\n\n```ts\nuseColorAccessibility(\n  target: Ref<Element | null | undefined>,\n  options?: AnalyzerConfig & { observe?: boolean; disabled?: boolean }\n): {\n  result: Ref<AnalysisResult | null>;\n  violations: ComputedRef<ColorViolation[]>;\n  reanalyze: () => void;\n  analyzer: ColorAccessibilityAnalyzer; // for generateReport(), getSuggestions(), etc.\n}\n```\n\n`options` (rules/palette/ignore/include) is captured once, at call time, matching how any other long-lived instance is typically set up in a `setup()`/`<script setup>` block.\n\n## Full documentation\n\nSee the [ColorLint project README](https://github.com/senthiljruby/colorlint#readme) for configuration reference, rule/suggestion APIs, and known limitations.\n\n## License\n\nMIT\n","readmeFilename":"README.md"}