added ssr?????

resources/js/components/MainNav.vue

@@ -7,21 +7,22 @@
     />
 </template>
 
-<script setup>
+<script setup lang="ts">
+    import type { MenuOption } from 'naive-ui'
     import { Link, usePage } from '@inertiajs/vue3'
-    import { h, ref, watch } from 'vue';
-    import { NIcon, NButton } from 'naive-ui'
+    import { h, ref } from 'vue';
+    import { NIcon } from 'naive-ui'
     import {
         GroupsFilled as Users,
         EventNoteFilled as Events,
         LogOutFilled as Logout
     } from '@vicons/material'
 
-    const { request, isAdmin } = usePage().props
-    const activeKey = ref(request.url)
+    const isAdmin: boolean = (usePage().props.isAdmin as boolean)
+    const activeKey = ref<string>((usePage().props.request as any)?.url)
 
-    const menuOptions = ref([])
-    menuOptions.value.push({
+    const menuOptions: MenuOption[] = []
+    menuOptions.push({
         label: () =>
             h(
                 Link, {
@@ -34,7 +35,7 @@
             icon: renderIcon(Events)
     })
 
-    if(isAdmin) menuOptions.value.push({
+    if(isAdmin) menuOptions.push({
         label: () => 
             h(
                 Link, {
@@ -47,7 +48,7 @@
             icon: renderIcon(Users)
     })
 
-    menuOptions.value.push({
+    menuOptions.push({
         label: () =>
             h(
                 Link, {
@@ -63,7 +64,7 @@
 
     
 
-    function renderIcon(icon) {
+    function renderIcon(icon: any) {
         return () => h(NIcon, null, { default: () => h(icon) })
 
     }