From 64c201767aba8bb2a946d5b5f94dcecc60a07864 Mon Sep 17 00:00:00 2001
From: clancy <a7mdmo2mn@gmail.com>
Date: Fri, 10 Apr 2026 20:59:10 +0200
Subject: [PATCH 1/3] feat: add IconClass typing to icon props

---
 app/components/CollapsibleSection.vue | 3 ++-
 app/components/Diff/SidebarPanel.vue  | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/components/CollapsibleSection.vue b/app/components/CollapsibleSection.vue
index 5ea534620c..c4df464023 100644
--- a/app/components/CollapsibleSection.vue
+++ b/app/components/CollapsibleSection.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { shallowRef, computed } from 'vue'
 import { LinkBase } from '#components'
+import type { IconClass } from '../types/icon'
 
 interface Props {
   title: string
@@ -8,7 +9,7 @@ interface Props {
   isLoading?: boolean
   headingLevel?: `h${number}`
   id: string
-  icon?: string
+  icon?: IconClass
 }
 
 const props = withDefaults(defineProps<Props>(), {
diff --git a/app/components/Diff/SidebarPanel.vue b/app/components/Diff/SidebarPanel.vue
index 385a779d20..e70e6af3de 100644
--- a/app/components/Diff/SidebarPanel.vue
+++ b/app/components/Diff/SidebarPanel.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { packageRoute } from '~/utils/router'
+import type { IconClass } from '../../types/icon'
 
 const props = defineProps<{
   compare: CompareResponse
@@ -19,7 +20,7 @@ const fileFilter = defineModel<'all' | 'added' | 'removed' | 'modified'>('fileFi
 
 const sectionOrder = ['dependencies', 'devDependencies', 'peerDependencies', 'optionalDependencies']
 const { t } = useI18n()
-const sectionMeta = computed<Record<string, { label: string; icon: string }>>(() => ({
+const sectionMeta = computed<Record<string, { label: string; icon: IconClass }>>(() => ({
   dependencies: { label: t('compare.dependencies'), icon: 'i-lucide:box' },
   devDependencies: { label: t('compare.dev_dependencies'), icon: 'i-lucide:wrench' },
   peerDependencies: { label: t('compare.peer_dependencies'), icon: 'i-lucide:users' },

From 93ee60d30b3c6d729282e15919c141aaa174e6b4 Mon Sep 17 00:00:00 2001
From: Ahmed mo'men <123960549+C1ANCYSz@users.noreply.github.com>
Date: Fri, 10 Apr 2026 23:24:41 +0200
Subject: [PATCH 2/3] Update app/components/Diff/SidebarPanel.vue

Co-authored-by: Willow (GHOST) <ghostdevbusiness@gmail.com>
---
 app/components/Diff/SidebarPanel.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/Diff/SidebarPanel.vue b/app/components/Diff/SidebarPanel.vue
index e70e6af3de..7cc37e7bb4 100644
--- a/app/components/Diff/SidebarPanel.vue
+++ b/app/components/Diff/SidebarPanel.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { packageRoute } from '~/utils/router'
-import type { IconClass } from '../../types/icon'
+import type { IconClass } from '~/types/icon'
 
 const props = defineProps<{
   compare: CompareResponse

From 6b5ec242784d0a33a6416c60b99956b82ca72dba Mon Sep 17 00:00:00 2001
From: Ahmed mo'men <123960549+C1ANCYSz@users.noreply.github.com>
Date: Fri, 10 Apr 2026 23:24:54 +0200
Subject: [PATCH 3/3] Update app/components/CollapsibleSection.vue

Co-authored-by: Willow (GHOST) <ghostdevbusiness@gmail.com>
---
 app/components/CollapsibleSection.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/CollapsibleSection.vue b/app/components/CollapsibleSection.vue
index c4df464023..b107d4c889 100644
--- a/app/components/CollapsibleSection.vue
+++ b/app/components/CollapsibleSection.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { shallowRef, computed } from 'vue'
 import { LinkBase } from '#components'
-import type { IconClass } from '../types/icon'
+import type { IconClass } from '~/types/icon'
 
 interface Props {
   title: string