Vue.js 2 Web Development Projects

Progress bars library

To display some pretty indicators, let's install another Vue library that allows drawing progress bars along SVG paths; that way, we can have semi-circular bars:

1. Add the vue-progress-path npm package to the project:

      meteor npm i -S vue-progress-path

We need to tell the Vue compiler for Meteor not to process the files in node_modules where the package is installed.

2. Create a new .vueignore file in the project root directory. This file works like a .gitignore: each line is a rule to ignore some paths. If it ends with a slash /, it will ignore only corresponding folders. So, the content of .vueignore should be as follows:

      node_modules/

3. Finally, install the vue-progress-path plugin in the client/main.js file:

 import ...