Integración a Platzi Music

Les recomiendo que para añadir Vuex lo hagan mediante el comando: vue add vuex que justamente se encargará de añadir y hacer todas las configuraciones necesarias al proyecto:D!

Corrección
¿Los estilos del componente Track seleccionado han desaparecido?. Solución

Archivo Mixins/track.js

const trackMixin = {
  methods: {
    selectTrack () {
      this.$emit('select', this.track.id)
      this.$store.commit('setTrack', this.track)
    }
  }
}

export default trackMixin

Para configuar vuex en vue3 se crea una carpeta llamada store y dentro un index.js

con este codigo

import { createStore } from 'vuex'

export default createStore({
  state: {
  },
  mutations: {
  },
  actions: {
  },
  modules: {
  }
})

y dentro del main.js

import store from "./store"

app.use(store)

Ya no es necesario instalar e stage-2 si ya tengo el stage-3 ?

😮 Que brutalidad…Súper genial

Hola!

Algo raro sucede con el componente search y la directiva
blur personalizada.

Mi caso es éste:

La línea a.removeAttibute(‘disabled’) en blur.js me da el
siguiente error:
TypeError: a.removeAttibute is not a function

Comento esa línea y luego procedo a hacer búsquedas,
y sucede lo siguiente:

1. Cargo la aplicación y busco ‘woman’
2. Me aparecen algunas canciones, algunas con blur y otras normales.
3. Hago otra búsqueda con la palabra ‘time’ y me aparecen otras
   canciones pero ésta vez el blur aparece en las mismas posiciones
   de las canciones con blur de la primera búsqueda
4. Abro de nuevo la aplicación y busco ‘time’ y me aparecen algunas
   canciones, ninguna sin blur
5. Busco cualquier otra canción y no importa si tienen o no preview_url,
   no se aplica el blur

El proyecto lo estoy trabajando en un repositorio de git local.
He regresado al commit donde se crea la directiva blur.js y me
sucede lo mismo

A alguien se le presentó un problema similar?

Saludos!

No se si alguien se haya dado cuenta, pero cuando se integro Vuex al proyecto dejo de funcionar el estilo de bordeado color verde al Track en la UI al seleccionarla?

Hola!
A alguien le habrá aparecido un error en la consola como éste:

[Vue warn]: Error in directive blur bind hook: "TypeError: a.removeAttibute is not a function"

found in

---> <App> at src/components/Search.vue
       <App> at src/App.vue
         <Root>

¿Si quisiera por ejemplo, guardar datos básicos del usuario que inició sesión dentro de mi app, sería válido utilizar Vuex? Lo digo, porque a veces es diferentes vistas es necesario mostrar su nombre, apellidos, edad, etc. Entonces para no reescribir el código en cada vista ( o sea, hacer una función en cada component) utilizar el vuex.

tengo un error con las clases de bulma, cuando abro el devtools la resolucion disminuye por lo tanto los botones para ir a / y /about desaparecen, como los arreglo, mi pug es este

<template lang="pug">
  section.hero.is-success
    .hero-head
      header.navbar
        .container
          .navbar-start
            .navbar-item
              strong Platzi Music

          .navbar-end.navbar-menu
            router-link.navbar-item(to="/") Buscar
            router-link.navbar-item(to="about") Nosotros

    .hero-body
      .container.has-text-centered
        h1.title Platzi Music
        h2.subtitle Canciones que están Vue-nísimas
        pm-player
</template>```

como hago con un v-bind de un input con vuex?

Saludos companeros, tengo un error a la hora de compilar el codigo. alguien que me oriente en que es lo que estoy haciendo mal?

Unknown custom element: <trasition> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

---> <App> at src/components/Search.vue
       <App> at src/App.vue
         <Root>

Por fin entendi Vuex, Nacho!