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 38 | 18x 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> |