reverted back from vue typescript to javascript to fix bad performance...

resources/js/components/MainNav.vue

@@ -9,14 +9,10 @@
     </div>
 </template>
 
-<script lang="ts" setup>
-    import type { Ref, Component } from 'vue'
-    import type { MenuOption } from 'naive-ui'
-    import type { User } from '../types/User'
-
+<script setup>
+    import { NIcon } from 'naive-ui'
     import { Link, usePage } from '@inertiajs/vue3'
     import { h, ref } from 'vue';
-    import { NIcon, NMenu } from 'naive-ui'
     import {
         GroupsFilled as Users,
         EventNoteFilled as Events,
@@ -25,10 +21,10 @@
         PersonRound as Profile,
     } from '@vicons/material'
 
-    const activeKey: Ref<string> = ref((usePage().props.request as any)?.url)
-    const user: User = usePage().props.user as User
+    const activeKey= ref(usePage().props.request?.url)
+    const user = usePage().props.user
     
-    const menuOptions: MenuOption[] = []
+    const menuOptions = []
 
     menuOptions.push({
         label: () =>
@@ -89,7 +85,7 @@
 
     
 
-    function renderIcon(icon: Component) {
+    function renderIcon(icon) {
         return () => h(NIcon, null, { default: () => h(icon) })
 
     }