refactor: replace single use class-shortcut with atomic classes

Author: essenmitsosse

app/components/PackageSkeleton.vue

@@ -110,7 +110,9 @@
       </h2>
       <!-- code-block with relative positioning for copy button -->
       <div class="relative">
-        <div class="code-block pe-16">
+        <div
+          class="bg-bg-muted border border-border rounded-md p-4 font-mono text-sm overflow-x-auto pe-16"
+        >
           <span class="skeleton inline-block h-5 w-52" />
         </div>
         <span class="skeleton absolute top-3 inset-ie-3 h-6 w-12 rounded" />

uno.config.ts

@@ -157,12 +157,6 @@ export default defineConfig({
     ['badge-pink', 'bg-badge-pink/10 text-badge-pink'],
     ['badge-subtle', 'bg-bg-subtle text-fg-subtle'],
 
-    // Code blocks
-    [
-      'code-block',
-      'bg-bg-muted border border-border rounded-md p-4 font-mono text-sm overflow-x-auto',
-    ],
-
     // Skeleton loading
     ['skeleton', 'bg-bg-elevated rounded animate-skeleton-pulse'],