[Nuxt3] [Vue3]
<script setup lang=”ts”> const props = defineProps({ px: { type: String, required: false, }, bg: { type: String, default: ‘transparent’, }, rounded: { type: String, default: ‘none’, } }) const classes = [] for (const [key, value] of Object.entries(props)) { (value !== undefined) && classes.push(`${key}-${value}`) } </script> <template> <div :class=”classes” class=”overflow-hidden”> <slot></slot> </div> </template> 소품은 …