Obtener datos usando Vuex

Para realizar una iteración y que en la data no tengan algún dato único como el id pueden usar el index que da la directiva v-for:

v-for="(room, index) in rooms" :key="index"

Interesante uso del for para repetir contenido:

v-for="i in 12"

El usar propiedades computadas evita mutar el estado de un componente padre desde el hijo.

Muy buena clase!..
Unas de las cosas mas interesantes que logre notar es la gran cantidad de datos que ahora descansan sobre Vuex…

Simplifica mucho el trabajo.

Una pregunta. La manera de traer los datos a los componentes

import { mapGetters } from 'vuex';
...

...mapGetters({
      user: 'authUser'
    })

¿Se puede utilizar en la versión 2 del CLI de Vue?

Importante entender que cuando usamos

computed:{
	...mapGetters([
	'Arreglo',]),	
}

Nos traemos un arreglo completo, mientras que para traernos una sola variable puntual del state

//variable pura
variable puntual:
  computed: {
    ...mapGetters({
      user: 'authUser',
    }),
  },

En mi caso particular las imagenes no se desplegaban.
Agregué 2 puntos al inicio de src y con eso funcionó.
Ejemplo de la imagen de profile:

<img class="profile__image w-full" :src="profile.avatar">

Creo que con estas últimas clase me quedó un poco más claro Vuex y me parece bastante interesante, aunque pienso que el store de Svelte es más sencillo jaja

Lo que me gusta de esto es la utilización de objetos para representar a cada campo del formulario, porque con una simple asignación podemos cargar todos los datos que tengamos, obviamente en un ambiente real con una base de datos tenemos que cuidar que la contraseña no se cuele por ahí al momento de hacer la asignación…