feat: add icon support to logo context menu

Author: onmax

docs/vitepress-theme/guide/vitepress-integration.md

@@ -133,16 +133,19 @@ export const themeConfig = {
     items: [
       {
         label: 'View on GitHub',
+        icon: 'i-tabler:brand-github',
         href: 'https://github.com/your-org/your-repo'
       },
       {
         label: 'Report Issue',
+        icon: 'i-tabler:bug',
         onClick: () => {
           window.open('https://github.com/your-org/your-repo/issues/new', '_blank')
         }
       },
       {
         label: 'Documentation',
+        icon: 'i-tabler:book',
         href: 'https://docs.example.com'
       }
     ]
@@ -162,6 +165,7 @@ export const themeConfig = {
 - Custom menu items to display
 - Each item can have:
   - `label` (required): Text to display
+  - `icon` (optional): Icon class (e.g., `i-tabler:brand-github`, `i-nimiq:star`)
   - `href` (optional): URL to open in a new tab
   - `onClick` (optional): Function to execute when clicked
 

packages/nimiq-vitepress-theme/src/layout/Logo.vue

@@ -115,9 +115,11 @@ if (typeof window !== 'undefined') {
           hover="bg-neutral-100 dark:bg-neutral-700"
           transition-colors
           cursor-pointer
+          flex="~ items-center gap-8"
           @click="handleItemClick(item)"
         >
-          {{ item.label }}
+          <div v-if="item.icon" :class="item.icon" text-16 />
+          <span>{{ item.label }}</span>
         </button>
       </div>
     </Teleport>

packages/nimiq-vitepress-theme/src/types.ts

@@ -48,6 +48,7 @@ export interface OutlineAction {
 
 export interface LogoContextMenuItem {
   label: string
+  icon?: string
   onClick?: () => void
   href?: string
 }