🛠️ Upgrade custom icons props

src/components/icons/angularIcon.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  export let iconSize: number;
+  import type { IconProps } from '@/types/icons';
+  let { iconSize }: IconProps = $props();
 </script>
 
 <svg

src/components/icons/githubIcon.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  export let iconSize: number;
+  import type { IconProps } from '@/types/icons';
+  let { iconSize }: IconProps = $props();
 </script>
 
 <svg

src/components/icons/logo.svelte

@@ -1,5 +1,11 @@
+<script lang="ts">
+  import type { IconProps } from '@/types/icons';
+  let { iconSize }: IconProps = $props();
+</script>
+
 <svg
-  width="30"
+  width={iconSize || 30}
+  height={iconSize || 30}
   name="SVGL Logo"
   viewBox="0 0 512 512"
   fill="none"

src/components/icons/raycastIcon.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  export let iconSize: number;
+  import type { IconProps } from '@/types/icons';
-  export let className: string;
+  let { iconSize, className }: IconProps = $props();
 </script>
 
 <svg

src/components/icons/svelteIcon.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  export let iconSize: number;
+  import type { IconProps } from '@/types/icons';
+  let { iconSize, color }: IconProps = $props();
 </script>
 
 <svg

src/components/icons/vueIcon.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  export let iconSize: number;
+  import type { IconProps } from '@/types/icons';
+  let { iconSize }: IconProps = $props();
 </script>
 
 <svg

src/components/icons/xIcon.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  export let iconSize: number;
+  import type { IconProps } from '@/types/icons';
+  let { iconSize }: IconProps = $props();
 </script>
 
 <svg

src/types/icons.ts

@@ -0,0 +1,5 @@
+export interface IconProps {
+  iconSize: number;
+  className?: string;
+  color?: string;
+}