{"_id":"@davidingplus/vitepress-back-to-top-button","name":"@davidingplus/vitepress-back-to-top-button","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.2":{"name":"@davidingplus/vitepress-back-to-top-button","type":"module","publishConfig":{"access":"public"},"version":"1.0.2","repository":{"type":"git","url":"git+https://github.com/DavidingPlus/vitepress-back-to-top-button.git"},"homepage":"https://davidingplus.github.io/vitepress-back-to-top-button/","description":"A lightweight Back-to-Top button Vue 3 component for VitePress. Features smooth scroll, progress ring indicating scroll percentage, dark/light theme support.","main":"./dist/back-to-top-button.umd.js","module":"./dist/back-to-top-button.es.js","types":"./dist/types/index.d.ts","exports":{".":{"types":"./dist/types/index.d.ts","import":"./dist/back-to-top-button.es.js","require":"./dist/back-to-top-button.umd.js"},"./style.css":"./dist/style.css"},"scripts":{"build":"vue-tsc --declaration --emitDeclarationOnly && vite build","clean":"rimraf dist node_modules .vite .turbo","prepublishOnly":"npm run build","test":"jest"},"peerDependencies":{"vitepress":"^2.0.0-alpha.6","vue":"^3.0.0"},"keywords":["vitepress","vitepress plugin","vue","vue3","vue component","back to top","back-to-top button","dark mode","light theme","vitepress enhancement","vitepress ui","vitepress component","vitepress back to top"],"author":{"name":"DavidingPlus"},"license":"MIT","devDependencies":{"@vitejs/plugin-vue":"^6.0.0","jest":"^30.1.3","rimraf":"^5.0.0","typescript":"^5.0.0","vite":"^7.0.0","vite-plugin-dts":"^4.5.4","vitepress":"^2.0.0-alpha.6","vue-tsc":"^3.0.0"},"_id":"@davidingplus/vitepress-back-to-top-button@1.0.2","gitHead":"5cdc91b9a1b54dc302afdbb9e6895b2b16f580a1","bugs":{"url":"https://github.com/DavidingPlus/vitepress-back-to-top-button/issues"},"_nodeVersion":"22.19.0","_npmVersion":"10.9.3","dist":{"integrity":"sha512-Zu18/uZS9QirSJxPCcM7Br5DhxP8tn07hMsOnxsAHGgPJbL/ajp3OichpNWIyj5phY0I+QEVwuvHs3Bn20+KRg==","shasum":"8c84ebbff3c77bda89fdcae1a87b8f0b3479df6d","tarball":"https://registry.npmjs.org/@davidingplus/vitepress-back-to-top-button/-/vitepress-back-to-top-button-1.0.2.tgz","fileCount":8,"unpackedSize":15156,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDjBnOm6S7XGKZM6tZBapVBdBOzMvacF+DB7/dJpg6LeAIgXm95It03FPXHhwpNQfTnlMCGo2QLHHL5qPF/nFjVK2A="}]},"_npmUser":{"name":"lzx0626","email":"davidingplus@qq.com"},"directories":{},"maintainers":[{"name":"lzx0626","email":"davidingplus@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/vitepress-back-to-top-button_1.0.2_1758101742877_0.6730012334229374"},"_hasShrinkwrap":false}},"time":{"created":"2025-09-17T09:35:42.731Z","1.0.2":"2025-09-17T09:35:43.049Z","modified":"2025-09-17T09:35:43.419Z"},"maintainers":[{"name":"lzx0626","email":"davidingplus@qq.com"}],"description":"A lightweight Back-to-Top button Vue 3 component for VitePress. Features smooth scroll, progress ring indicating scroll percentage, dark/light theme support.","homepage":"https://davidingplus.github.io/vitepress-back-to-top-button/","keywords":["vitepress","vitepress plugin","vue","vue3","vue component","back to top","back-to-top button","dark mode","light theme","vitepress enhancement","vitepress ui","vitepress component","vitepress back to top"],"repository":{"type":"git","url":"git+https://github.com/DavidingPlus/vitepress-back-to-top-button.git"},"author":{"name":"DavidingPlus"},"bugs":{"url":"https://github.com/DavidingPlus/vitepress-back-to-top-button/issues"},"license":"MIT","readme":"# vitepress-back-to-top-button\n\nA lightweight Back-to-Top button Vue 3 component for VitePress. Features smooth scroll, progress ring indicating scroll percentage, dark/light theme support.\n\n![npm](https://img.shields.io/npm/v/@davidingplus/vitepress-back-to-top-button) ![npm](https://img.shields.io/npm/dw/@davidingplus/vitepress-back-to-top-button) ![license](https://img.shields.io/npm/l/@davidingplus/vitepress-back-to-top-button)\n\n## Live Demo and more information\n\n✨ See it in action:  \n👉 [https://davidingplus.github.io/vitepress-back-to-top-button/](https://davidingplus.github.io/vitepress-back-to-top-button/)\n\n📦 NPM Package:  \n👉 [https://www.npmjs.com/package/@davidingplus/vitepress-back-to-top-button](https://www.npmjs.com/package/@davidingplus/vitepress-back-to-top-button)\n\n## Installation\n\n```sh\nnpm i @davidingplus/vitepress-back-to-top-button\n```\n\n## Usage\n\n### Configuration\n\n```typescript\n// docs/.vitepress/theme/index.ts\nimport type { Theme } from 'vitepress'\nimport DefaultTheme from 'vitepress/theme'\n\nimport BackToTopButton from '@davidingplus/vitepress-back-to-top-button' //[!code ++]\nimport '@davidingplus/vitepress-back-to-top-button/style.css' //[!code ++]\n\nexport default {\n  extends: DefaultTheme,\n  enhanceApp(ctx) {\n    BackToTopButton(ctx.app) //[!code ++]\n  }\n}\n```\n\n### Advanced configuration\n\n```typescript\n// docs/.vitepress/theme/index.ts\nimport type { Theme } from 'vitepress'\nimport DefaultTheme from 'vitepress/theme'\n\nimport BackToTopButton from '@davidingplus/vitepress-back-to-top-button' //[!code ++]\nimport '@davidingplus/vitepress-back-to-top-button/style.css' //[!code ++]\n\nexport default {\n  extends: DefaultTheme,\n  enhanceApp(ctx) {\n    BackToTopButton(ctx.app, { // [!code ++]\n      progressColor: 'string', // default is #42b983 [!code ++]\n      arrowSvg: `string` // only svg code [!code ++]\n    })\n  }\n}\n```\n\n## Preview\n\n### Preview - Desktop\n\n![demo-1](https://github.com/DavidingPlus/vitepress-back-to-top-button/raw/master/docs/assets/demo.gif)\n\n","readmeFilename":"README.md","_rev":"1-cd905c56839d54f703faeb54e1773d9a"}