fixed route handling. added lucid with sqlite support

resources/js/Layouts/BELayout.vue

@@ -1,6 +1,6 @@
 <template>
     <LoginLayout>
-        <MainNav :route="props.route" />
+        <MainNav />
         <slot />
 
     </LoginLayout>
@@ -10,7 +10,4 @@
     import LoginLayout from '@/layouts/LoginLayout'
     import MainNav from '@/components/MainNav'
 
-    const props = defineProps({
-        route: String
-    })
 </script>

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([
         {

resources/js/pages/Events/EventsList.vue

@@ -1,31 +1,13 @@
 <template>
-    <div>test</div>
-    <div>{{route}}</div>
+    
 </template>
 
 <script setup>
 import BELayout from '@/layouts/BELayout.vue'
 
-//const props = defineProps(['route'])
-
 defineOptions({
-    layout: (h, page) => h(BELayout, {
-        props: {
-            route: route
-        }
-    }, [page]) 
+    layout: BELayout
 })
 
 </script>
 
-<script>
-import BELayout from '@/layouts/BELayout.vue'
-import { h } from 'vue'
-
-export default {
-    props: {
-        route: String
-    }
-}
-</script>
-

resources/js/pages/Users/UsersList.vue

@@ -1,5 +1,5 @@
 <template>
-kajsdkjahsdkjhs
+
 </template>
 
 <script setup>