Vue.js 2 Cookbook

How to do it...

We will start with a fresh Webpack project. You can create a new one using the vue-cli and the official Webpack template. My suggestion, however, is to begin with my Webpack template, which is a clean slate. To do it, run the following command in a new directory:

vue init gurghet/webpack

We will install vue-bulma-modal, which is a component written in Vue with the Bulma CSS framework:

npm install --save vue-bulma-modal bulma

In the preceding command we installed bulma too, which contains the actual CSS styles.

To actually make the styles work, we need to turn them into JavaScript for Webpack; this means we need to install a couple of loaders:

npm install --save-dev node-sass sass-loader

The SASS loader is already configured, ...