All files / lib/components card-group.vue

43.75% Statements 7/16
30% Branches 3/10
75% Functions 3/4
43.75% Lines 7/16
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 3818x 18x 18x   18x 18x                     18x     18x                                    
<template>
    <component :is="tag" :class="['card-' + type]">
    I    <slot></slot>
    </component>
</template>E
 
<script>
    export default {
        computed: {
            type() {
                if (this.deck) {
                    return 'deck';
                }
 
                if (this.columns) {
                    return 'columns';
                }
 
                return 'group';
            }
        },
        props: {
            tag: {
                type: String,
                default: 'div'
            },
            deck: {
                type: Boolean,
                default: false
            },
            columns: {
                type: Boolean,
                default: false
            }
        }
    };
</script>