nothing

resources/js/Layouts/Components/AppUserButton.vue

@@ -6,7 +6,7 @@ import {router, useForm} from "@inertiajs/vue3";
 
 const authStore = useAuthStore()
 const userOptions = computed(() => {
-    return authStore.availableRoles.map(itm => {
+    return authStore.availableRoles?.map(itm => {
         return {
             label: itm.name,
             value: itm.role_id
@@ -15,7 +15,7 @@ const userOptions = computed(() => {
 })
 
 const formRole = useForm({
-    role_id: authStore.user.role.role_id
+    role_id: authStore.user.role?.role_id
 })
 const onChangeRole = (roleId) => {
     formRole.post('/user/role/change', {