♻️ [refactor] : 아이콘 props interface 선언 및 간략화

Author: Minkyu0424

src/components/CommonIcons.vue

@@ -17,18 +17,8 @@
 </template>
 
 <script setup lang="ts">
-import type { IconPathTypes } from '@/types/icon'
-import { defineProps, ref, type PropType } from 'vue'
+import type { IconProps } from '@/types/icon'
+import { defineProps, ref } from 'vue'
 const isHovered = ref(false)
-const { name, className, onClick } = defineProps({
-  name: Object as PropType<IconPathTypes>,
-  className: {
-    type: String,
-    required: false
-  },
-  onClick: {
-    type: Function as PropType<(event: MouseEvent) => void>,
-    required: false
-  }
-})
+const { name, className, onClick } = defineProps<IconProps>()
 </script>

src/types/icon.ts

@@ -15,3 +15,9 @@ interface IconOptions {
   fillRule?: 'evenodd' | 'inherit' | 'nonzero'
   clipRule?: 'evenodd' | 'inherit' | 'nonzero'
 }
+
+export interface IconProps {
+  name: IconPathTypes
+  className?: string
+  onClick?: () => void
+}