fixed route handling. added lucid with sqlite support

resources/js/components/MainNav.vue

@@ -3,8 +3,8 @@
 </template>
 
 <script setup>
-    import { Link } from '@inertiajs/vue3'
-    import { h, ref, defineProps } from 'vue';
+    import { Link, usePage } from '@inertiajs/vue3'
+    import { h, ref } from 'vue';
     import { NIcon, NButton } from 'naive-ui'
     import {
         GroupsFilled as Users,
@@ -12,9 +12,9 @@
         LogOutFilled as Logout
     } from '@vicons/material'
 
-    const props = defineProps(['route'])
+    const { request } = usePage().props
 
-    const activeKey = ref(props.route)
+    const activeKey = ref(request.url)
 
     const menuOptions = ref([
         {