Vue Wrapped Styles

Wraps a component to add styles or change the default props. Useful for styling libraries of components such as bootstrap components.

Installation

yarn add @netsells/vue-wrapped-styles

Usage

<script>
    import wrapComponent from '@netsells/vue-wrapped-styles';
    import { BButton } from 'bootstrap-vue';

    export default wrapComponent(BButton, {
        props: {
            variant: {
                type: String,
                default: 'primary', // Changing prop default values
            },
        },
    });
</script>

<style lang="scss">
    .btn {
        // styles
    }
</style>