A Reading Progress bar Component For Vue3
Vue Snakke
Vue Snakke allows you to add a reading progress bar to your Vue 3 project.
Install
npm install vue-snakke
Usage
Add the following import to your setup function:
import { useSnakke } from 'vue-snakke';
const { progress } = useSnakke();
progress is a Ref value (from 0 to 1) that will automatically update whenever the page is scrolled. You can use it to indicate page progress.
Development
Starting the project for development:
npm start
Commands
Run through npm run [command]:
prettier: runs Prettier on write mode (overwrites files)prettier:check: runs Prettier on check mode (useful in CI)build: builds the example page (used for deployment)build:lib: builds the library (used for releases)