Exciting news!Announcing our $4.6M Series Seed. Learn more
Socket
LoveBlogFAQ
Install
Log in

@jambonn/vue-next-progressbar

Package Overview
Dependencies
0
Maintainers
1
Versions
5
Issues
File Explorer

Advanced tools

@jambonn/vue-next-progressbar

Slim progress bars for Vue 3.

    0.1.4latest

Version published
Maintainers
1
Yearly downloads
5,408

Weekly downloads

Changelog

Source

0.1.4 (2021-07-10)

Readme

Source

Vue next progressbar

Slim progress bars for Vue 3.

Table of Contents

Installation

npm install @jambonn/vue-next-progressbar

or if you prefer yarn

yarn add @jambonn/vue-next-progressbar

Usage

Global

You may install Vue next progressbar globally:

import { createApp } from 'vue' import { createRouter, createWebHistory } from 'vue-router'; import VueNextProgressbar from '@jambonn/vue-next-progressbar' import App from './App.vue' const app = createApp(App) app.use(createRouter({ history: createWebHistory(), routes: [], })); app.use(VueNextProgressbar, { router: true }) app.mount('#app')

Use in component

When install global Vue next progressbar, you can control progress in component

<template> <button type="button" @click="progressBar.start()">Shows the progress bar</button> <button type="button" @click="progressBar.done()">Completes the progress</button> </template> <script> import { getCurrentInstance, inject } from 'vue' export default { setup() { // Get from global properties const app = getCurrentInstance() const progressBar = app.appContext.config.globalProperties.$Progressbar // Get from provide const injectProgressBar = inject('Progressbar'); return { progressBar, injectProgressBar } } } </script>

Control progress

Simply call start() and done() to control the Vue next progress bar.

import { VueProgressbar } from '@jambonn/vue-next-progressbar' VueProgressbar.start(); VueProgressbar.done();

Compiles and hot-reloads for development

yarn install yarn dev

then navigate to http://localhost:8080

Compiles and minifies for production

yarn build

License

This project is licensed under the MIT License - see the LICENSE file for details.

Keywords

FAQs

What is @jambonn&#x2F;vue-next-progressbar?

Slim progress bars for Vue 3.

Is @jambonn&#x2F;vue-next-progressbar popular?

The npm package @jambonn&#x2F;vue-next-progressbar receives a total of 83 weekly downloads. As such, @jambonn&#x2F;vue-next-progressbar popularity was classified as not popular.

Is @jambonn&#x2F;vue-next-progressbar well maintained?

We found that @jambonn&#x2F;vue-next-progressbar demonstrated a healthy version release cadence and project activity. It has 1 open source maintainer collaborating on the project.

Last updated on 10 Jul 2021
Socket

Product

Subscribe to our newsletter

Get open source security insights delivered straight into your inbox. Be the first to learn about new features and product updates.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc