Как получить доступ к переменной в Pinia?

Question

[Максим]

Сделал store для коннекта в webSocket:

export const useSocketStore = defineStore('socket', () => {
  const state = reactive<ISocketStoreState>({
    socket: null
  });

  const initWebsocket = () => {
    if (state.socket) {
      state.socket.disconnect();
    }

    const manager = socketService.setupSocketConnection();

    state.socket = manager.socket('');

    state.socket?.on('connect', () => {
      console.log('connection sdasd');
    });

    state.socket?.on('error', (data) => {
      console.error(data);
    });
  };

  return {
    ...toRefs(state),
    initWebsocket
  };
});

При вызове в другом сторе не видит переменную socket:

export const useChatStore = defineStore('chat', () => {
  const state = reactive<IChatState>({
    rooms: [],
    openedRoom: null,
    messages: [],
    timeTyping: null
  });

  const socketStore = useSocketStore();

  const setRooms = (rooms: any[]) => {
    state.rooms = rooms;

    for (const room of rooms) {
      socketStore.socket?.emit('joinRoom', {
        roomId: room?.id
      });
    }
  };
}

Comments

[Антон Антон]

socketStore.socket.value.emit()?

[Максим]

Антон Антон, socketStore выводит в консоли, а вто socketStore.socketвыводит null

[Антон Антон]

Максим, ну значит не был вызван useSocketStore().initWebsocket()

[Максим]

Антон Антон, он вызывается в app.vue в onMounted()

[Антон Антон]

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

[Алексей Ярков]

Максим,

он вызывается в app.vue в onMounted()

А кто сказал, что он гарантированно выполнится ДО отрисовки вашего компонента, где вы null получаете?