Installation

Add vue-horizontal dependency to your project:

npm i vue-horizontal

yarn add vue-horizontal

<!-- without version -->
<script src="https://cdn.jsdelivr.net/npm/vue-horizontal/dist/vue-horizontal.esm.min.js"></script>

<!-- with version, go https://www.jsdelivr.com/package/npm/vue-horizontal to find -->
<script src="https://cdn.jsdelivr.net/npm/vue-horizontal@0.x.x/dist/vue-horizontal.esm.min.js"></script>

Then, import vue-horizontal and use <vue-horizontal>:

Single File Component

my-amazing-component.vue

<template>
  <div>
    <vue-horizontal>
      <!-- ... -->
    </vue-horizontal>
  </div>
</template>

<script>
import VueHorizontal from 'vue-horizontal';

export default {
  components: {VueHorizontal},
  //...
}
</script>

Install Globally

app.js

import Vue from 'vue';
import VueHorizontal from 'vue-horizontal';

Vue.use(VueHorizontal);