{"_id":"@edenchazard/vue-rise-and-shine","_rev":"3-8bf8a6fd156b91dfba30e35a98517bd5","name":"@edenchazard/vue-rise-and-shine","dist-tags":{"latest":"2.0.2"},"versions":{"2.0.0":{"name":"@edenchazard/vue-rise-and-shine","version":"2.0.0","keywords":["sun","moon","vue","dark","mode","toggle","component","composable","typescript"],"author":{"url":"https://www.npmjs.com/~edenchazard","name":"Eden Chazard"},"license":"MIT","_id":"@edenchazard/vue-rise-and-shine@2.0.0","maintainers":[{"name":"edenchazard","email":"neon.fortytwo@gmail.com"}],"homepage":"https://github.com/edenchazard/vue-rise-and-shine","bugs":{"url":"https://github.com/edenchazard/vue-rise-and-shine/issues"},"dist":{"shasum":"b583ed4ae09fef734345d7ac69985baa36c77e3d","tarball":"https://registry.npmjs.org/@edenchazard/vue-rise-and-shine/-/vue-rise-and-shine-2.0.0.tgz","fileCount":8,"integrity":"sha512-vWqptbpurxN93bfmvybw47sNlABxuxV3A9G3parLa2RsKuKJXtA6vX96rL/sGooD9QEFT1VBayIYsb4fp3p+yg==","signatures":[{"sig":"MEYCIQDyQP5gI9iOrG3C0XOKTsx9HnksMORV0Un2dD+glDhzJgIhAPbx7n3J46ocVRvV3lcWmZ8kmFqfVGblgXds7uDtr758","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@edenchazard%2fvue-rise-and-shine@2.0.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":15420},"type":"module","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./style.css":"./dist/vue-rise-and-shine.css"},"gitHead":"150718650e33b91dff5929ad82b4f1d7455ded27","private":false,"scripts":{"dev":"vite --host","fmt":"prettier . --check","lint":"eslint .","build":"vite build","fmt:fix":"prettier --write .","lint:fix":"npm run lint -- --fix","ts:check":"vue-tsc --noEmit","test:unit":"vitest","docs:build":"vite build --mode=docs","test:coverage":"vitest run --coverage"},"_npmUser":{"name":"edenchazard","actor":{"name":"edenchazard","type":"user","email":"neon.fortytwo@gmail.com"},"email":"neon.fortytwo@gmail.com"},"repository":{"url":"git+https://github.com/edenchazard/vue-rise-and-shine.git","type":"git"},"_npmVersion":"11.3.0","description":"A light and dark mode toggle component for Vue 3 with a simple composable. Watch the sun and moon rise as you switch between light and dark modes.","directories":{},"_nodeVersion":"24.2.0","dependencies":{"@vitejs/plugin-vue":"^5.2.4"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.3.5","eslint":"^9.29.0","vitest":"^3.2.4","vue-tsc":"^2.2.10","prettier":"^3.5.3","happy-dom":"^18.0.1","@eslint/js":"^9.27.0","typescript":"~5.8.3","@types/node":"^24.0.3","highlight.js":"^11.11.1","lightningcss":"^1.30.1","@vue/tsconfig":"^0.7.0","@vue/test-utils":"^2.4.6","vite-plugin-dts":"^4.5.4","vue3-code-block":"^2.2.14","@tsconfig/node24":"^24.0.1","typescript-eslint":"^8.34.1","@vitest/coverage-v8":"^3.2.4","eslint-config-prettier":"^10.1.5"},"peerDependencies":{"vue":"^3.2.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-rise-and-shine_2.0.0_1750609552439_0.14889680667269234","host":"s3://npm-registry-packages-npm-production"}},"2.0.1":{"name":"@edenchazard/vue-rise-and-shine","version":"2.0.1","keywords":["sun","moon","vue","dark","mode","toggle","component","composable","typescript"],"author":{"url":"https://www.npmjs.com/~edenchazard","name":"Eden Chazard"},"license":"MIT","_id":"@edenchazard/vue-rise-and-shine@2.0.1","maintainers":[{"name":"edenchazard","email":"neon.fortytwo@gmail.com"}],"homepage":"https://github.com/edenchazard/vue-rise-and-shine","bugs":{"url":"https://github.com/edenchazard/vue-rise-and-shine/issues"},"dist":{"shasum":"2d22f1ba5b5d7d65d0e1fe237545a15168f6ae57","tarball":"https://registry.npmjs.org/@edenchazard/vue-rise-and-shine/-/vue-rise-and-shine-2.0.1.tgz","fileCount":9,"integrity":"sha512-4Ats5m421OXYqnoEMBcXgrm25MBkhvDs7NwlX48U/znyCpN8mBINF+jDgm+czNks/4LOHlT6eWb1/QtcUL2ARw==","signatures":[{"sig":"MEUCICP8pqmFbkORvm8LgpQMsU1yrh8rXTfxAD1mXR7o6HUWAiEAzVP1ESHdU/OX3Mwxh8lI1Ohiil59ixU2k3uKmg06oMg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@edenchazard%2fvue-rise-and-shine@2.0.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":16530},"type":"module","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./style.css":"./dist/vue-rise-and-shine.css"},"gitHead":"5f4a5ed71a674b90d6e8a98e4ee0f3ce4e8c2690","private":false,"scripts":{"dev":"vite --host","fmt":"prettier . --check","lint":"eslint .","build":"vite build","fmt:fix":"prettier --write .","lint:fix":"npm run lint -- --fix","ts:check":"vue-tsc --noEmit","test:unit":"vitest","docs:build":"vite build --mode=docs","test:coverage":"vitest run --coverage"},"_npmUser":{"name":"edenchazard","actor":{"name":"edenchazard","type":"user","email":"neon.fortytwo@gmail.com"},"email":"neon.fortytwo@gmail.com"},"repository":{"url":"git+https://github.com/edenchazard/vue-rise-and-shine.git","type":"git"},"_npmVersion":"11.3.0","description":"A light and dark mode toggle component for Vue 3 with a simple composable. Watch the sun and moon rise as you switch between light and dark modes.","directories":{},"_nodeVersion":"24.2.0","dependencies":{"@vitejs/plugin-vue":"^5.2.4"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.3.5","eslint":"^9.29.0","vitest":"^3.2.4","vue-tsc":"^2.2.10","prettier":"^3.5.3","happy-dom":"^18.0.1","@eslint/js":"^9.27.0","typescript":"~5.8.3","@types/node":"^24.0.3","highlight.js":"^11.11.1","lightningcss":"^1.30.1","@vue/tsconfig":"^0.7.0","@vue/test-utils":"^2.4.6","vite-plugin-dts":"^4.5.4","vue3-code-block":"^2.2.14","@tsconfig/node24":"^24.0.1","typescript-eslint":"^8.34.1","@vitest/coverage-v8":"^3.2.4","eslint-config-prettier":"^10.1.5"},"peerDependencies":{"vue":"^3.2.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-rise-and-shine_2.0.1_1750610526186_0.012371554431817922","host":"s3://npm-registry-packages-npm-production"}},"2.0.2":{"name":"@edenchazard/vue-rise-and-shine","version":"2.0.2","license":"MIT","private":false,"type":"module","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./style.css":"./dist/vue-rise-and-shine.css"},"description":"A light and dark mode toggle component for Vue 3 with a simple composable. Watch the sun and moon rise as you switch between light and dark modes.","keywords":["sun","moon","vue","dark","mode","toggle","component","composable","typescript"],"homepage":"https://github.com/edenchazard/vue-rise-and-shine","repository":{"type":"git","url":"git+https://github.com/edenchazard/vue-rise-and-shine.git"},"bugs":{"url":"https://github.com/edenchazard/vue-rise-and-shine/issues"},"author":{"name":"Eden Chazard","url":"https://www.npmjs.com/~edenchazard"},"scripts":{"dev":"vite --host","build":"vite build","docs:build":"vite build --mode=docs","test:unit":"vitest","test:coverage":"vitest run --coverage","lint":"eslint .","lint:fix":"npm run lint -- --fix","fmt":"prettier . --check","fmt:fix":"prettier --write .","ts:check":"vue-tsc --noEmit"},"peerDependencies":{"vue":"^3.2.0"},"devDependencies":{"@eslint/js":"^9.27.0","@tsconfig/node24":"^24.0.1","@types/node":"^24.0.3","@vitejs/plugin-vue":"^5.2.4","@vitest/coverage-v8":"^3.2.4","@vue/test-utils":"^2.4.6","@vue/tsconfig":"^0.7.0","eslint":"^9.29.0","eslint-config-prettier":"^10.1.5","happy-dom":"^18.0.1","highlight.js":"^11.11.1","lightningcss":"^1.30.1","prettier":"^3.5.3","typescript":"~5.8.3","typescript-eslint":"^8.34.1","vite":"^6.3.5","vite-plugin-dts":"^4.5.4","vitest":"^3.2.4","vue-tsc":"^2.2.10","vue3-code-block":"^2.2.14"},"_id":"@edenchazard/vue-rise-and-shine@2.0.2","gitHead":"bc0f0828d3b91164aabb34a964b304490ccf5f70","_nodeVersion":"24.2.0","_npmVersion":"11.3.0","dist":{"integrity":"sha512-fYXu9urQ+2Q4gvvsdXD4XqiruCvvKj6wZ9el6yqkWhL/Q6evjtOu4CsbZ0jCFdl5SQaL8NECGRhtRur0hVXG9w==","shasum":"f0ae0520958f0ecdebff1f5e160048e5b977a9ff","tarball":"https://registry.npmjs.org/@edenchazard/vue-rise-and-shine/-/vue-rise-and-shine-2.0.2.tgz","fileCount":9,"unpackedSize":16506,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@edenchazard%2fvue-rise-and-shine@2.0.2","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIB7jcar5TOXDIiXAtOvM8p7FXpYvy7/YVIGNztzO71nxAiEApbgq+MGzl6oANQXFxTPLb9QybFS5Wt31VyxOAFUL5qE="}]},"_npmUser":{"name":"edenchazard","email":"neon.fortytwo@gmail.com","actor":{"name":"edenchazard","email":"neon.fortytwo@gmail.com","type":"user"}},"directories":{},"maintainers":[{"name":"edenchazard","email":"neon.fortytwo@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/vue-rise-and-shine_2.0.2_1750611033275_0.5512270005244115"},"_hasShrinkwrap":false}},"time":{"created":"2025-06-22T16:25:52.329Z","modified":"2025-06-22T16:50:33.964Z","2.0.0":"2025-06-22T16:25:52.620Z","2.0.1":"2025-06-22T16:42:06.356Z","2.0.2":"2025-06-22T16:50:33.483Z"},"bugs":{"url":"https://github.com/edenchazard/vue-rise-and-shine/issues"},"author":{"name":"Eden Chazard","url":"https://www.npmjs.com/~edenchazard"},"license":"MIT","homepage":"https://github.com/edenchazard/vue-rise-and-shine","keywords":["sun","moon","vue","dark","mode","toggle","component","composable","typescript"],"repository":{"type":"git","url":"git+https://github.com/edenchazard/vue-rise-and-shine.git"},"description":"A light and dark mode toggle component for Vue 3 with a simple composable. Watch the sun and moon rise as you switch between light and dark modes.","maintainers":[{"name":"edenchazard","email":"neon.fortytwo@gmail.com"}],"readme":"[![Test](https://github.com/edenchazard/vue-rise-and-shine/actions/workflows/test.yml/badge.svg)](https://github.com/edenchazard/vue-rise-and-shine/actions/workflows/test.yml)\n\n# Vue Rise and Shine\n\nAdd a sleek, animated dark mode toggle to your Vue 3 project. It handles everything you need with a composable and a component.\n\nCheck out the [demo here](https://edenchazard.github.io/vue-rise-and-shine/)!\n\n## VueDarkModeToggle\n\nA component that can be used with or without the composable. It shows a sun or moon graphic depending on the user's preferences.\n\n## useDarkMode\n\nA composable to handle all dark mode related things. Combine it with the component for maximum dark mode-ness. 😎\n\n## How to use\n\nAdd to your project using the command\n\n```sh\nnpm i @edenchazard/vue-rise-and-shine\n```\n\nDocumentation can be found on the [demo page](https://edenchazard.github.io/vue-rise-and-shine/).\n\n## Development\n\n- Dev demo app: `npm run dev`\n- Build package: `npm run build`\n- Build GH pages `npm run docs:build`\n- Vitest: `npm run test:unit`\n- Vitest coverage: `npm run test:coverage`\n- Typescript checks: `npm run ts:check`\n- Eslint: `npm run lint`\n- Eslint (with fixes): `npm run lint:fix`\n- Prettier: `npm run fmt`\n- Prettier (with fixes): `npm run fmt:fix`\n\n## Icon credits\n\nSVG icons from [FontAwesome](https://fontawesome.com/).\n","readmeFilename":"README.md"}