fix

src/components/icons/SvgIcon.vue

@@ -14,10 +14,13 @@ import { computed } from 'vue'
 
 import { iconRegistry } from '@/components/icons/registry'
 
+/** @typedef {import('@/components/icons/icon-names').IconName} IconName */
+
 const props = defineProps({
+  /** @type {import('vue').PropType<IconName>} */
   name: { type: String, required: true },
   size: { type: [String, Number], default: '1.25rem' },
-  color: { type: String, default: 'currentColor' },
+  color: { type: String, default: 'transparent' },
 })
 
 const component = computed(() => {
@@ -25,6 +28,7 @@ const component = computed(() => {
   if (!c && import.meta.env.DEV) {
     console.warn(`[SvgIcon] unknown icon "${props.name}"`)
   }
+
   return c
 })