fix: icon class name

Author: essenmitsosse

app/components/CollapsibleSection.vue

@@ -94,7 +94,7 @@ useHead({
         >
           <span
             v-if="isLoading"
-            class="i-i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
+            class="i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
             aria-hidden="true"
           />
           <span

app/components/Header/AccountMenu.client.vue

@@ -231,7 +231,7 @@ function openAuthModal() {
               <span class="w-8 h-8 rounded-full bg-bg-muted flex items-center justify-center">
                 <span
                   v-if="isNpmConnecting"
-                  class="i-i-svg-spinneacka w-4 h-4 text-yellow-500 animate-spin"
+                  class="i-svg-spinners:ring-resize w-4 h-4 text-yellow-500 animate-spin"
                   aria-hidden="true"
                 />
                 <span v-else class="i-lucide:terminal w-4 h-4 text-fg-muted" aria-hidden="true" />

app/components/Org/MembersPanel.vue

@@ -407,7 +407,7 @@ watch(lastExecutionTime, () => {
     <!-- Loading state -->
     <div v-if="isLoading && memberList.length === 0" class="p-8 text-center">
       <span
-        class="i-i-svg-spinners:ring-resize w-5 h-5 text-fg-muted animate-spin mx-auto"
+        class="i-svg-spinners:ring-resize w-5 h-5 text-fg-muted animate-spin mx-auto"
         aria-hidden="true"
       />
       <p class="font-mono text-sm text-fg-muted mt-2">{{ $t('org.members.loading') }}</p>

app/components/Org/OperationsQueue.vue

@@ -162,7 +162,7 @@ function getStatusIcon(status: string): string {
     case 'approved':
       return 'i-lucide:check'
     case 'running':
-      return 'i-i-svg-spinners:ring-resize'
+      return 'i-svg-spinners:ring-resize'
     case 'completed':
       return 'i-lucide:check-filled'
     case 'failed':

app/components/Org/TeamsPanel.vue

@@ -329,7 +329,7 @@ watch(lastExecutionTime, () => {
     <!-- Loading state -->
     <div v-if="isLoadingTeams && teams.length === 0" class="p-8 text-center">
       <span
-        class="i-i-svg-spinners:ring-resize w-5 h-5 text-fg-muted motion-safe:animate-spin mx-auto"
+        class="i-svg-spinners:ring-resize w-5 h-5 text-fg-muted motion-safe:animate-spin mx-auto"
         aria-hidden="true"
       />
       <p class="font-mono text-sm text-fg-muted mt-2">{{ $t('org.teams.loading') }}</p>
@@ -388,7 +388,7 @@ watch(lastExecutionTime, () => {
             </span>
             <span
               v-if="isLoadingUsers[teamName]"
-              class="i-i-svg-spinners:ring-resize w-3 h-3 text-fg-muted motion-safe:animate-spin"
+              class="i-svg-spinners:ring-resize w-3 h-3 text-fg-muted motion-safe:animate-spin"
               aria-hidden="true"
             />
           </button>

app/components/Package/AccessControls.vue

@@ -173,7 +173,7 @@ watch(
     <!-- Loading state -->
     <div v-if="isLoadingCollaborators && collaboratorList.length === 0" class="py-4 text-center">
       <span
-        class="i-i-svg-spinners:ring-resize w-4 h-4 text-fg-muted animate-spin mx-auto"
+        class="i-svg-spinners:ring-resize w-4 h-4 text-fg-muted animate-spin mx-auto"
         aria-hidden="true"
       />
     </div>

app/components/Package/MetricsBadges.vue

@@ -73,7 +73,7 @@ const typesHref = computed(() => {
           :tabindex="0"
           :classicon="
             isLoading
-              ? 'i-i-svg-spinners:ring-resize motion-safe:animate-spin'
+              ? 'i-svg-spinners:ring-resize motion-safe:animate-spin'
               : hasTypes
                 ? 'i-lucide:check'
                 : 'i-lucide:circle-x'
@@ -95,7 +95,7 @@ const typesHref = computed(() => {
           :variant="hasEsm && !isLoading ? 'default' : 'ghost'"
           :classicon="
             isLoading
-              ? 'i-i-svg-spinners:ring-resize motion-safe:animate-spin'
+              ? 'i-svg-spinners:ring-resize motion-safe:animate-spin'
               : hasEsm
                 ? 'i-lucide:check'
                 : 'i-lucide:circle-x'
@@ -113,7 +113,7 @@ const typesHref = computed(() => {
           tabindex="0"
           :variant="isLoading ? 'ghost' : 'default'"
           :classicon="
-            isLoading ? 'i-i-svg-spinners:ring-resize motion-safe:animate-spin' : 'i-lucide:check'
+            isLoading ? 'i-svg-spinners:ring-resize motion-safe:animate-spin' : 'i-lucide:check'
           "
         >
           CJS

app/components/Package/Versions.vue

@@ -440,7 +440,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
           >
             <span
               v-if="loadingTags.has(row.tag)"
-              class="i-i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
+              class="i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
               data-testid="loading-spinner"
               aria-hidden="true"
             />
@@ -595,7 +595,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
           >
             <span
               v-if="otherVersionsLoading"
-              class="i-i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
+              class="i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
               data-testid="loading-spinner"
               aria-hidden="true"
             />

app/components/VersionSelector.vue

@@ -540,7 +540,7 @@ watch(
             >
               <span
                 v-if="group.isLoading"
-                class="i-i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
+                class="i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
                 aria-hidden="true"
               />
               <span

app/pages/package/[[org]]/[name].vue

@@ -824,7 +824,7 @@ const showSkeleton = shallowRef(false)
               >
                 <span
                   v-if="isLoadingLikeData"
-                  class="i-i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin my-0.5"
+                  class="i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin my-0.5"
                   aria-hidden="true"
                 />
                 <span v-else>
@@ -963,7 +963,7 @@ const showSkeleton = shallowRef(false)
                       class="inline-flex items-center gap-1 text-fg-subtle"
                     >
                       <span
-                        class="i-i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
+                        class="i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
                         aria-hidden="true"
                       />
                     </span>
@@ -1031,7 +1031,7 @@ const showSkeleton = shallowRef(false)
                   class="inline-flex items-center gap-1 text-fg-subtle"
                 >
                   <span
-                    class="i-i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
+                    class="i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
                     aria-hidden="true"
                   />
                 </span>
@@ -1054,7 +1054,7 @@ const showSkeleton = shallowRef(false)
                 class="inline-flex items-center gap-1 text-fg-subtle"
               >
                 <span
-                  class="i-i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
+                  class="i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
                   aria-hidden="true"
                 />
               </span>
@@ -1321,7 +1321,7 @@ const showSkeleton = shallowRef(false)
             class="mt-8 flex items-center gap-2 text-fg-subtle text-sm"
           >
             <span
-              class="i-i-svg-spinners:ring-resize w-4 h-4 motion-safe:animate-spin"
+              class="i-svg-spinners:ring-resize w-4 h-4 motion-safe:animate-spin"
               aria-hidden="true"
             />
             <span>{{ $t('package.provenance_section.title') }}…</span>