etc

src/components/Btn.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { computed } from 'vue'
 import UiIcon from './Icon.vue'
 
 // Props.
@@ -9,19 +8,12 @@ const props = defineProps<{
 	color?: string
 	icon?: any
 }>()
-
-// Etc.
-const cssClass = computed(() => {
-	let res = ''
-	if (props.color) res = props.color
-	return res
-})
 </script>
 
 <template>
-	<button class="ui-btn" :class="cssClass" :type="props.type">
+	<button class="ui-btn" :class="props.color" :type="props.type">
 		<ui-icon v-if="props.icon" :name="props.icon" />
 		<div v-if="props.label" class="label">{{ props.label }}</div>
-		<slot name="default" />
+		<slot v-if="$slots.default" name="default" />
 	</button>
 </template>