feat: add IconClass typing to icon props

Author: C1ANCYSz

app/components/CollapsibleSection.vue

@@ -1,14 +1,15 @@
 <script setup lang="ts">
 import { shallowRef, computed } from 'vue'
 import { LinkBase } from '#components'
+import type { IconClass } from '../types/icon'
 
 interface Props {
   title: string
   subtitle?: string
   isLoading?: boolean
   headingLevel?: `h${number}`
   id: string
-  icon?: string
+  icon?: IconClass
 }
 
 const props = withDefaults(defineProps<Props>(), {

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' },