{"id":17267328,"url":"https://github.com/imcvampire/vue-resource-nprogress","last_synced_at":"2025-04-14T08:02:27.805Z","repository":{"id":66072041,"uuid":"67908377","full_name":"imcvampire/vue-resource-nprogress","owner":"imcvampire","description":"An interceptor that adds progressbar to all requests","archived":false,"fork":false,"pushed_at":"2017-07-07T02:38:01.000Z","size":5,"stargazers_count":11,"open_issues_count":2,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-27T21:39:07.469Z","etag":null,"topics":["hackertoberfest"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/imcvampire.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2016-09-11T03:42:30.000Z","updated_at":"2020-10-08T09:28:00.000Z","dependencies_parsed_at":null,"dependency_job_id":"7b2a6a7a-bc51-41f2-b757-4806d6bfd208","html_url":"https://github.com/imcvampire/vue-resource-nprogress","commit_stats":{"total_commits":4,"total_committers":1,"mean_commits":4.0,"dds":0.0,"last_synced_commit":"10046eb6c137f169643e15a28eb8d52ebdf12ccf"},"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imcvampire%2Fvue-resource-nprogress","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imcvampire%2Fvue-resource-nprogress/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imcvampire%2Fvue-resource-nprogress/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imcvampire%2Fvue-resource-nprogress/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/imcvampire","download_url":"https://codeload.github.com/imcvampire/vue-resource-nprogress/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248843828,"owners_count":21170488,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["hackertoberfest"],"created_at":"2024-10-15T08:10:22.255Z","updated_at":"2025-04-14T08:02:27.753Z","avatar_url":"https://github.com/imcvampire.png","language":"JavaScript","funding_links":[],"categories":["Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)","Awesome Vue.js"],"sub_categories":["Libraries \u0026 Plugins"],"readme":"# vue-resource-nprogress\n\nThis is a fork of [vue-resource-progressbar-interceptor](https://github.com/staskjs/vue-resource-progressbar-interceptor) but instead of using [vue-progressbar](https://github.com/hilongjw/vue-progressbar), this plugin uses [nprogress](https://github.com/rstacruz/nprogress)\n\nModule attaches interceptors to vue instance which controls progressbar on top of the screen.\n\n## Installation\n\n    $ npm i vue-resource-nprogress\n\nThen in your code:\n\n    const Vue = require('vue');\n    const VueResource = require('vue-resource');\n    const VueResourceNProgress = require('vue-resource-nprogress');\n\n    Vue.use(VueResource);\n    Vue.use(VueResourceNProgress);\n\n\nNOTE: You should have `NProgress` installed globally. \nA example of this is adding `nprogress` plugin in `\u003cscript\u003e` in `\u003chead\u003e`\n\n### Using CommonJS\n\n```\nnpm i nprogress\nimport NProgress from 'nprogress'\nwindow.NProgress = NProgress\nrequire('nprogress/nprogress.css')\n```\n\n## Configuration\n\nBy default progressbar shows for every single request.\n\nIn order not to use progressbar for certain requests, use `showProgressBar` parameter in request.\n\nLike this:\n\n    Vue.http.get('/url', { showProgressBar: false })\n\nConfiguration options:\n\n    Vue.use(VueResourceProgressBarInterceptor, {\n      latencyThreshold: 100, // Number of ms before progressbar starts showing, 100 is default\n    });\n\n## Notes\n\nThis plugin was inspired by [this angular.js version](https://github.com/chieffancypants/angular-loading-bar).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimcvampire%2Fvue-resource-nprogress","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fimcvampire%2Fvue-resource-nprogress","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimcvampire%2Fvue-resource-nprogress/lists"}