Данные блейд-файла Laravel не проходят Vue 3 ⇐ Php

[Anonymous]

Работа с Laravel 10 и vue js 3 с vuex 4 в управлении состоянием. У меня есть адрес Welcome.blade.php

Код: Выделить всё

(function () {
window.Laravel = {
csrfToken: '{{ csrf_token() }}',
user: @json(Auth::user())
};
console.log('Laravel User:', window.Laravel.user);
})();




@if(Auth::check())

@else

@endif

и файл mainapp.vue

Код: Выделить всё

Logo Image





Admin



[list]
[*] Dashboard
[*] Tags
[*] Category
[*] Admin users
[*][url=/logout] Logout[/url]
[/list]









[list]
[*]


[/list]










export default {
props: ['user'],
data(){
return {
isLoggedIn : false,
}
},
created(){
console.log(this.user)
console.log('mainapp user',this.user);
this.$store.commit('updateUser', this.user)

}
}

и store.js

Код: Выделить всё

import { createStore } from 'vuex';

const store = createStore({
state : {
conuter : 1000,
deleteModalObj : {
showDeleteModal: false,
deleteUrl : '',
data : null,
deletingIndex: -1,
isDeleted : false,

},
user: false,

},
getters: {
getCounter(state){
return state.conuter
},
getDeleteModalObj(state){
return state.deleteModalObj;
},

},

mutations: {
changeTheCounter(state, data){
state.conuter += data
},

setDeleteModal(state, data){
const deleteModalObj = {
showDeleteModal: false,
deleteUrl : '',
data : null,
deletingIndex: -1,
isDeleted : data,
}
state.deleteModalObj = deleteModalObj
},
setDeletingModalObj(state, data){

console.log('setDeletingModalObj mutation called');
console.log('Data received:', JSON.parse(JSON.stringify(data))); // Convert Proxy to plain object for logging

state.deleteModalObj = data

console.log('Updated deleteModalObj state:', JSON.parse(JSON.stringify(state.deleteModalObj)));
},
// updateUser(state, data) {
//     console.log('updateUser mutation called with data:', data); // Debugging line
//    // state.user = data || false;
//     state.user = data;
//     console.log('state.user after update:', state.user); // Debugging line
//   },
updateUser(state, data){
state.user = data
},

},
actions :{
changeCounterAction({commit}, data){
commit('changeTheCounter', data)
}
}

});

export default store;

Мои зарегистрированные пользовательские данные печатаются в блейд-файле Laravel, но не передаются в файл vue, и в результате меню также не отображаются. в чем проблема не передавать данные с помощью файла vue

Подробнее здесь: https://stackoverflow.com/questions/790 ... pass-vue-3