From 49a9e709b3593a95d7cc6402ec4b3d964e2e568f Mon Sep 17 00:00:00 2001
From: Yusra89hash <yusra9189@gmail.com>
Date: Sat, 14 Feb 2026 02:48:01 -0500
Subject: [PATCH] added proper typing for icon class names

---
 app/components/Button/Base.vue       | 9 ++++++++-
 app/pages/package/[[org]]/[name].vue | 3 ++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/components/Button/Base.vue b/app/components/Button/Base.vue
index 11f220148..1836d1c34 100644
--- a/app/components/Button/Base.vue
+++ b/app/components/Button/Base.vue
@@ -1,4 +1,11 @@
 <script setup lang="ts">
+type StartIcon =
+  | `i-carbon:${string}`
+  | `i-lucide:${string}`
+  | `i-simple-icons:${string}`
+  | `i-svg-spinners:${string}`
+  | `i-custom:${string}`
+
 const props = withDefaults(
   defineProps<{
     disabled?: boolean
@@ -8,7 +15,7 @@ const props = withDefaults(
     ariaKeyshortcuts?: string
     block?: boolean
 
-    classicon?: string
+    classicon?: StartIcon
   }>(),
   {
     type: 'button',
diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index 1ded55a34..7027c01ce 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -245,8 +245,9 @@ const { copied: copiedPkgName, copy: copyPkgName } = useClipboard({
 })
 
 //copy version name
+//orginally only copied name and not version number
 const { copied: copiedVersion, copy: copyVersion } = useClipboard({
-  source: resolvedVersion.value ?? '',
+  source: () => resolvedVersion.value ?? '',
   copiedDuring: 2000,
 })