Installation

  1. Using Webpack, Rollup, etc...

    Install using npm or yarn

    NPM

    npm install vue-waves-effect --save

    Yarn

    yarn add vue-waves-effect

    in your main JavaScript file

          
  // src/main.js

  import Vue from 'vue';
  import Waves from 'vue-waves-effect';
  import 'vue-waves-effect/dist/vueWavesEffect.css';

  Vue.use(Waves);

  2. Using script tag

              
  <!doctype html>
  <html>
  <head>
      <title>Vue Waves Effect</title>
      <link rel="stylesheet" href="https://unpkg.com/vue-waves-effect/dist/vueWavesEffect.css" />
      <script src="https://cdn.jsdelivr.net/npm/vue"></script>
      <script src="https://unpkg.com/vue-waves-effect/dist/vueWavesEffect.min.js"></script>
  </head>
  <body>
  <div id="app">
      <p v-waves.button.float>Click to see the effect</p>
  </div>
      <script>
        Vue.use(vueWavesEffect);
        var app = new Vue({
            el: '#app'
          })
      </script>
  </body>
  </html>

Development

In case you want to work on a fork of this project you will need to install Vue CLI

NPM

sudo npm install -g @vue/cli

sudo npm install -g @vue/cli-service-global

Yarn

sudo yarn global add @vue/cli

sudo yarn global add @vue/cli-service-global