feat(showcase): add more items

docs/app/pages/showcase.vue

@@ -53,14 +53,27 @@ useSeoMeta({
               :alt="`Screenshot of ${item.name}`"
               width="311"
               height="194"
-              class="rounded-[calc(var(--ui-radius)*1.5)] group-hover:scale-103 duration-200 transition-transform pointer-events-none"
+              class="rounded-[calc(var(--ui-radius)*1.5)] group-hover:scale-103 duration-200 object-cover w-full transition-transform pointer-events-none"
             />
 
-            <div class="flex items-center gap-1 px-1">
+            <div class="flex items-center justify-between">
-              <span class="font-medium text-(--ui-text-highlighted)">
+              <div class="flex items-center gap-1 px-1 flex-1 min-w-0">
-                {{ item.name }}
+                <span class="font-medium text-(--ui-text-highlighted) truncate">
-              </span>
+                  {{ item.name }}
-              <UIcon name="i-lucide-arrow-right" class="size-4 flex-shrink-0 opacity-0 group-hover:opacity-100 transition-all duration-200 -translate-x-1 group-hover:translate-x-0 text-(--ui-text-muted)" />
+                </span>
+                <UIcon name="i-lucide-arrow-right" class="size-4 shrink-0 opacity-0 group-hover:opacity-100 transition-all duration-200 -translate-x-1 group-hover:translate-x-0 text-(--ui-text-muted)" />
+              </div>
+              <UTooltip v-if="item.github" text="Open repository" :content="{ side: 'top' }">
+                <UButton
+                  :to="item.github"
+                  icon="i-simple-icons-github"
+                  variant="ghost"
+                  color="neutral"
+                  size="xs"
+                  target="_blank"
+                  class="opacity-0 group-hover:opacity-100 transition-all duration-200"
+                />
+              </UTooltip>
             </div>
           </li>
         </ul>

docs/content.config.ts

@@ -69,6 +69,7 @@ export const collections = {
       items: z.array(z.object({
         name: z.string(),
         url: z.string(),
+        github: z.string().optional(),
         screenshotUrl: z.string().optional(),
         screenshotOptions: z.object({
           delay: z.number()

docs/content/showcase.yml

@@ -7,6 +7,7 @@ hero:
 items:
   - name: Shelve
     url: https://shelve.cloud
+    github: https://github.com/hugorcd/shelve
   - name: Uneed
     url: https://uneed.best
   - name: Details