🏷️ Improve Icon component type

Author: Frontendland

src/components/Icon/Icon.svelte

@@ -2,7 +2,7 @@
     import type { IconProps } from './icon'
     import iconMap from './map'
 
-    export let type: IconProps['type'] = ''
+    export let type: IconProps['type'] = 'alert'
     export let size: IconProps['size'] = 24
     export let color: IconProps['color'] = ''
 

src/components/Icon/icon.ts

@@ -1,5 +1,21 @@
 export type IconProps = {
-    type: string
+    type: 'alert'
+        | 'arrow-down'
+        | 'arrow-left'
+        | 'arrow-right'
+        | 'check'
+        | 'circle-check'
+        | 'close'
+        | 'components'
+        | 'file'
+        | 'github'
+        | 'home'
+        | 'info'
+        | 'moon'
+        | 'order'
+        | 'search'
+        | 'sun'
+        | 'warning'
     size?: number
     color?: string
 }

src/components/Icon/map.ts

@@ -5,7 +5,10 @@ import ArrowRight from '../../icons/arrow-right.svg?raw'
 import Check from '../../icons/check.svg?raw'
 import CircleCheck from '../../icons/circle-check.svg?raw'
 import Close from '../../icons/close.svg?raw'
+import Components from '../../icons/components.svg?raw'
+import File from '../../icons/file.svg?raw'
 import Github from '../../icons/github.svg?raw'
+import Home from '../../icons/home.svg?raw'
 import Info from '../../icons/info.svg?raw'
 import Moon from '../../icons/moon.svg?raw'
 import Order from '../../icons/order.svg?raw'
@@ -21,7 +24,10 @@ const iconMap = {
     'check': Check,
     'circle-check': CircleCheck,
     'close': Close,
+    'components': Components,
+    'file': File,
     'github': Github,
+    'home': Home,
     'info': Info,
     'moon': Moon,
     'order': Order,