youxi-app/pages/demo/components/item.uvue

<template>
	<view class="demo-item dark:!bg-surface-800">
		<text class="label" v-if="label != ''">{{ label }}</text>

		<slot></slot>
	</view>
</template>

<script lang="ts" setup>
defineOptions({
	name: "demo-item"
});

const props = defineProps({
	label: {
		type: String,
		default: ""
	}
});
</script>

<style lang="scss" scoped>
.demo-item {
	@apply p-3 rounded-xl bg-white mb-3;

	.label {
		@apply text-sm text-surface-400 mb-2;
	}
}
</style>