working on userform

resources/js/components/MainNav.vue

@@ -10,6 +10,7 @@
 </template>
 
 <script setup>
+    import { renderIcon } from '@/util'
     import { NIcon } from 'naive-ui'
     import { Link, usePage } from '@inertiajs/vue3'
     import { h, ref } from 'vue';
@@ -36,7 +37,7 @@
                 () => "Veranstaltungen"
             ),
             key: '/events',
-            icon: renderIcon(Events)
+            icon: () => { return renderIcon(Events) }
     })
 
     if(user.is_admin) menuOptions.push({
@@ -49,13 +50,13 @@
                 () => "Benutzer"
             ),
             key: '/users',
-            icon: renderIcon(Users)
+            icon: () => { return renderIcon(Users) }
     })
 
     menuOptions.push({
         label: "Einstellungen",
         key: "einstellungen",
-        icon: renderIcon(Settings),
+        icon: () => { return renderIcon(Settings) },
         children: [{
             label: () => h(
                 Link, {
@@ -66,7 +67,7 @@
                 () => "Mein Profil"
             ),
             key: 'profile',
-            icon: renderIcon(Profile)
+            icon: () => { return renderIcon(Profile) }
 
         },
         {
@@ -79,15 +80,15 @@
                 () => "Abmelden"
             ),
             key: '/logout',
-            icon: renderIcon(Logout)
+            icon: () => { return renderIcon(Logout) }
         }]
     })
 
     
 
-    function renderIcon(icon) {
+    /*function renderIcon(icon) {
         return () => h(NIcon, null, { default: () => h(icon) })
 
-    }
+    }*/
 
 </script>