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);