From 3f0f1fe09aab8d3d8ace65d5f2822fda4401bb0b Mon Sep 17 00:00:00 2001
From: aserrador <alejandro.ayala@onecluster.org>
Date: Fri, 29 May 2026 01:25:10 -0500
Subject: [PATCH] fix: corregir renderizado de iconos SVG en NavBar

- Reemplazar :prepend-icon por slot #prepend para soportar iconos mdi y SVG
- Los items con trytonIcon (SVG importado) ahora se renderizan como <img>
- Los items con mdi-* se renderizan como <v-icon>
---
 src/components/NavBar.vue | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index b9f84a6..13b893f 100644
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -57,9 +57,13 @@
         v-for="item in menuItems"
         :key="item.title"
         :title="item.title"
-        :prepend-icon="item.icon"
         @click="navigate(item.route)"
-      ></v-list-item>
+      >
+        <template #prepend>
+          <v-icon v-if="typeof item.icon === 'string'">{{ item.icon }}</v-icon>
+          <img v-else :src="item.icon" width="20" height="20" />
+        </template>
+      </v-list-item>
       <v-list-item prepend-icon="mdi-cog" title="Administracion" @click="toggleAdminMenu()" v-if="isAuthenticated && isAdmin"></v-list-item>
       <v-list-item v-if="isAuthenticated && isAdmin && showAdminMenu">
         <v-list>
@@ -67,9 +71,13 @@
             v-for="item in menuAdminItems"
             :key="item.title"
             :title="item.title"
-            :prepend-icon="item.icon"
             @click="navigateAdmin(item.route)"
-          ></v-list-item>
+          >
+            <template #prepend>
+              <v-icon v-if="typeof item.icon === 'string'">{{ item.icon }}</v-icon>
+              <img v-else :src="item.icon" width="20" height="20" />
+            </template>
+          </v-list-item>
         </v-list>
       </v-list-item>
     </v-list>