Agregando datos con Vuex

Increíble! Ya solo falta añadirlo a la base de datos, aún no entiendo muy bien por qué usar actions en lugar de mutations directamente, pero lo voy captando:D

¿ Que existe de diferencia entre crear una firma de action de esta forma?

CREATE_ROOM({state, commit}, payload)

y esta otra. Ya que en el curso anterior de VUE, se dijo que el action recibe como parametro el contexto y la carga util

CREATE_ROOM(context, payload)

En vue3 la funcion set ya no existe ya que en vue3 vue es completamente reactivo, gracias a los proxys en caso de que quieran conocer mas sobre este tema pueden ver el curso de introduccion a vue3 ahi lo explican a la perfeccion.

Para hacer esto en vue3 deben cambiar esto

SET_ROOM(state, { newRoom, roomId }) {
      Vue.set(state.rooms, roomId, newRoom);
    },
    APPEND_ROOM_TO_USER(state, { roomId, userId }) {
      Vue.set(state.users[userId].rooms, roomId, roomId);
    },

Por esto

SET_ROOM(state, { newRoom, roomId }) {
	state.rooms[roomId] = newRoom
    },
APPEND_ROOM_TO_USER(state, { roomId, userId }) {
	state.users[userId] = roomId
    },

Hay un error.
Se supone que se agregó al store todas las salas creadas desde el form.
¿porque cuando accedo al home, el store vuelve a su estado normal?

hola en la clase anterior me redireciona pero se ve en blanco.

Salen muchos errores en typescript

Estoy intentando arreglarlos pero se sigue complicando

if (name === 'login' || name === 'register') {
        state.modals[name] = value
      } else {
        console.log('no modal')
      }

No sé si pudieran actualizar al menos la parte del store con typescript, gracias.