The virtual responsive crossbrowser scrollbar component for VueJS 2

npm i v-bar

yarn add v-bar

<style lang="sass">
    .wrapper
        height: 300px
        width: 300px
</style>

<style>
    .wrapper {
        height: 300px;
        width: 300px;
    }
</style>

<template lang="pug">
    v-bar(wrapper="wrapper",
        vBar="",
        vBarInternal="",
        hBar="",
        hBarInternal="")
        //- your content
</template>

<template>
    <v-bar wrapper="wrapper"
        vBar=""
        vBarInternal=""
        hBar=""
        hBarInternal="">
        <!-- your content -->
    </v-bar>
</template>

<script>
    import VBar from 'v-bar'

    # Declare
    export default {
        components: { VBar }
    }
</script>

*required* wrapper=""
*optional* vBar=""
*optional* vBarInternal=""
*optional* hBar=""
*optional* hBarInternal=""

# install dependencies
# using NPM
npm install

# using yarn
yarn

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report