{"_id":"@aksharahegde/vue-glow","_rev":"17-aa510b8ab96a70af6d678f2dd4531f67","name":"@aksharahegde/vue-glow","dist-tags":{"latest":"1.3.0"},"versions":{"1.1.0":{"name":"@aksharahegde/vue-glow","version":"1.1.0","author":{"name":"Akshara Hegde","email":"akshara.dt@gmail.com"},"_id":"@aksharahegde/vue-glow@1.1.0","maintainers":[{"name":"aksharahegde","email":"akshara.dt@gmail.com"}],"dist":{"shasum":"10c1e131e7c841ba82a9528afcd98149cf2a509d","tarball":"https://registry.npmjs.org/@aksharahegde/vue-glow/-/vue-glow-1.1.0.tgz","fileCount":18,"integrity":"sha512-aCQufXHGHl2Mq8KGVe8Ea5x7XGsMu0BwbbD4XCjRYRohm5VVEZECtsUr8bq/kxZK6jH4W6KPPzpyY+8Q0TWt1w==","signatures":[{"sig":"MEQCIBJ1CHTNktN2F7q1aBE8aj1QnG8uQ/y1O3IFcxnbOqsqAiAz8WTBiuCjGy/7inIg8Fz5B5eKiOdYQvq0h+yZJJ1gBA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":97929},"main":"dist/vue-glow.umd.js","exports":{".":{"import":"./dist/vue-glow.umd.js","require":"./dist/vue-glow.umd.js"},"./tailwind":"./src/tailwind.js"},"gitHead":"f48ca06a153160382eaeac7edd51c3835ac3f798","private":false,"scripts":{"lint":"vue-cli-service lint","build":"npm run build:lib","serve":"vue-cli-service serve","build:lib":"vue-cli-service build --target lib --name vue-glow src/index.js","test:unit":"vue-cli-service test:unit","build:lib:watch":"npm run build:lib -- --watch","build:style:watch":"npm run build:style -- --watch"},"_npmUser":{"name":"aksharahegde","email":"akshara.dt@gmail.com"},"_npmVersion":"9.8.1","description":"Glow your vue components","directories":{},"_nodeVersion":"18.18.0","browserslist":["> 1%","last 2 versions","not dead","not ie 11"],"dependencies":{"vue":"^3.2.13"},"_hasShrinkwrap":false,"devDependencies":{"@vue/cli-service":"~5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-glow_1.1.0_1703485770590_0.5725672085511442","host":"s3://npm-registry-packages"}},"1.2.0":{"name":"@aksharahegde/vue-glow","version":"1.2.0","author":{"name":"Akshara Hegde","email":"akshara.dt@gmail.com"},"_id":"@aksharahegde/vue-glow@1.2.0","maintainers":[{"name":"aksharahegde","email":"akshara.dt@gmail.com"}],"dist":{"shasum":"b9ac3e7fbb1f882cddb73f7be95592ce3503baf8","tarball":"https://registry.npmjs.org/@aksharahegde/vue-glow/-/vue-glow-1.2.0.tgz","fileCount":19,"integrity":"sha512-eL9EEESn0YwcfrQ0zzkVIm24pVTJ3BVL6jykIKjrnYuVYlsg6BlwO23yr4WGaU7H5wiDk474jCp9XRv1E3nIvw==","signatures":[{"sig":"MEQCIERNpBfPq6rgZ6jODgKO2fDPuexKABbmrbSToH2v38d7AiAotUG92zsjPk71zjnkU80aHYTg74FjDr8VCKsW1ayFMQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":99027},"main":"dist/vue-glow.umd.js","exports":{".":{"import":"./dist/vue-glow.umd.js","require":"./dist/vue-glow.umd.js"},"./tailwind":"./src/tailwind.js"},"gitHead":"b82c1541ecb0d652591e653ce2df22e1db76c062","private":false,"scripts":{"lint":"vue-cli-service lint","build":"npm run build:lib","serve":"vue-cli-service serve","build:lib":"vue-cli-service build --target lib --name vue-glow src/index.js","test:unit":"vue-cli-service test:unit","build:lib:watch":"npm run build:lib -- --watch","build:style:watch":"npm run build:style -- --watch"},"_npmUser":{"name":"aksharahegde","email":"akshara.dt@gmail.com"},"_npmVersion":"10.5.0","description":"Glow your vue components","directories":{},"_nodeVersion":"18.18.0","browserslist":["> 1%","last 2 versions","not dead","not ie 11"],"dependencies":{"vue":"^3.4.21"},"_hasShrinkwrap":false,"devDependencies":{"@vue/cli-service":"~5.0.8"},"_npmOperationalInternal":{"tmp":"tmp/vue-glow_1.2.0_1710611980806_0.14059210371247","host":"s3://npm-registry-packages"}},"1.3.0":{"name":"@aksharahegde/vue-glow","version":"1.3.0","description":"Add a mouse-tracing glow effect to Vue components.","author":{"name":"Akshara Hegde","email":"akshara.dt@gmail.com"},"private":false,"main":"dist/vue-glow.umd.js","exports":{".":{"import":"./dist/vue-glow.umd.js","require":"./dist/vue-glow.umd.js"},"./tailwind":"./src/tailwind.js"},"scripts":{"serve":"vue-cli-service serve","build":"npm run build:lib","build:lib":"vue-cli-service build --target lib --name vue-glow src/index.js","build:style:watch":"npm run build:style -- --watch","build:lib:watch":"npm run build:lib -- --watch","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit"},"dependencies":{"vue":"^3.5.14"},"devDependencies":{"@vue/cli-service":"~5.0.8"},"browserslist":["> 1%","last 2 versions","not dead","not ie 11"],"_id":"@aksharahegde/vue-glow@1.3.0","gitHead":"7fb2ac34505830a5cc69b7e526dbf313074235ac","_nodeVersion":"20.11.1","_npmVersion":"10.9.2","dist":{"integrity":"sha512-d9Rtv6QHX5ZwEpJIxhdd1r3jcCQ32q78H/vB1KSGr/HLYV8E+1wSIMMA+ahnXIj2o3zzRBz6G3NWxJEiKY4qnQ==","shasum":"9de14a0ec993ba3daf822963a07f6075de489977","tarball":"https://registry.npmjs.org/@aksharahegde/vue-glow/-/vue-glow-1.3.0.tgz","fileCount":19,"unpackedSize":99876,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDBqjIyBItzgLYGE3EfvE4wpGzkWafXEa4QTe7GSEc9qAIgd/15aXqA6UA+VjsAH4dXuWGgYpnLwF4zJ3n4RdgH27s="}]},"_npmUser":{"name":"aksharahegde","email":"akshara.dt@gmail.com"},"directories":{},"maintainers":[{"name":"aksharahegde","email":"akshara.dt@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/vue-glow_1.3.0_1748091663144_0.80583923835267"},"_hasShrinkwrap":false}},"time":{"created":"2023-12-25T06:29:30.467Z","modified":"2025-05-24T13:01:03.554Z","1.0.0":"2023-12-24T15:22:12.051Z","0.1.1":"2023-12-24T17:45:15.474Z","0.1.2":"2023-12-24T17:54:13.029Z","0.1.3":"2023-12-24T17:56:53.835Z","0.1.4":"2023-12-25T05:27:09.702Z","0.1.5":"2023-12-25T05:41:58.512Z","0.1.7":"2023-12-25T05:45:43.943Z","0.1.8":"2023-12-25T06:08:13.130Z","0.1.9":"2023-12-25T06:11:06.203Z","0.1.10":"2023-12-25T06:12:41.995Z","0.1.11":"2023-12-25T06:16:31.981Z","0.1.12":"2023-12-25T06:18:00.640Z","1.1.0":"2023-12-25T06:29:30.782Z","1.2.0":"2024-03-16T17:59:41.048Z","1.3.0":"2025-05-24T13:01:03.356Z"},"author":{"name":"Akshara Hegde","email":"akshara.dt@gmail.com"},"description":"Add a mouse-tracing glow effect to Vue components.","maintainers":[{"name":"aksharahegde","email":"akshara.dt@gmail.com"}],"readme":"# Vue Glow\n\nAdd a mouse-tracing glow effect to Vue components.\n\nDemo: https://vueglow-demo.vercel.app/\n\nNuxt 3 Plugin also available: https://github.com/aksharahegde/nuxt-glow\n\n## Installation\n\nInstall the package using your favorite package manager:\n\n```shell\npnpm i @aksharahegde/vue-glow\n```\n\n## Usage\n\n1. Add the `@aksharahegde/vue-glow` plugin to your `src/main.js`\n\n```js\nimport VueGlow from '@aksharahegde/vue-glow'\nVue.use(VueGlow)\n```\n\n2. Add the tailwind plugin to unlock the `glow:` variant and `glow` color\n\n`tailwind.config.js`\n```js\nmodule.exports = {\n  ...\n  plugins: [\n    require(\"@aksharahegde/vue-glow/tailwind\")\n  ]\n}\n```\n\nAs with all colors in Tailwind, you may add opacity by appending a percentage after the color, such as `bg-glow/20` for 20% opacity.\n\n3. Wrap any number of `<GlowElement>` components in a `<GlowCapture>` which will be used to track the mouse location.\n\n```html\n<template>\n  <GlowCapture>\n    <span>This won't glow</span>\n    <GlowElement color=\"purple\">\n      <p class=\"text-black glow:text-glow/50 glow:bg-red-100\">\n        This will glow purple when the mouse is passed over\n      </p>\n    </GlowElement>\n  </GlowCapture>\n</template>\n```\n\nChildren of `<GlowElement>` can style themselves how to look when glowing. You might choose to leave some children unchanged, or highlight them with the `glow:` variant style.\n\nThe value of `color` will be available as a CSS variable `--glow-color`, as well as the Tailwind `glow` color.\nYou can pass any valid CSS color, including `hsl()` values etc.\nOf course, you might choose to use any other color; you can leave out the `color` prop entirely.\n\n\n## Attribution\n- Module is inspired by [React Glow](https://github.com/codaworks/react-glow) by [Codaworks](https://github.com/codaworks)\n- Playground card is version of https://codepen.io/_rahul/pen/MWrozMX by [rahul](https://codepen.io/_rahul)\n","readmeFilename":"README.md"}