Управление состоянием пользователя vue js не работает должным образом на vue js 3 ⇐ Php

[Anonymous]

работаю с Laravel 10 и Vue js 3 с vuex 4. У меня также есть следующий файл 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(){
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: null,

},
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('Updating user in Vuex:', data);
state.user = data
},
},
actions :{
changeCounterAction({commit}, data){
commit('changeTheCounter', data)
}
}

});

export default store;

У меня есть файл Welcome.blade.php

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

Fullstack Blog



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




{{ json_encode(Auth::user()) }}
@if(Auth::check())

@else

@endif

но в моем файле mainapp.vue не работает, это означает, что не отображаются мои пункты меню и моя консоль печать здесь, но в файле Welcome.blade.php console.log('Laravel User:', window.Laravel.user); печатает текущий пользовательский объект, но файл mainapp.vue console.log('mainapp user' ,this.user); и store.js console.log('Обновление пользователя в Vuex:', data); печатает неопределенное значение, как я могу передать пользовательские данные блейд-файла в vue файл через vuex


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