Estoy creando una aplicación NuxtJS que tiene 2 componentes. Quiero enviar los datos del component-1 al component-2 usando el bus pero por alguna razón, no puedo recibir el evento y los datos en component-2 .

Seguí los siguientes pasos:

1. cree la carpeta de plugins y el archivo bus.js y agregue información.
2. Agregue el plugin dentro del archivo nuxt-config.js .
3. En el método enviar el evento:

 this.$bus.$emit( "test-event", JSON.parse(JSON.stringify(this.testDataInput, null, 4)) );

4. Cuando trato de leer ese evento dentro de mi método created de component2 , no recibo nada.

 created() { console.log("FOUR"); this.$bus.$on("test-event", (testData) => { console.log("CREATED"); console.log(testData); }); },

No puedo obtener los datos created y testData en la salida. ¿Puede alguien explicarme por qué no puedo leer el evento dentro del método de create ?

Creé el código de muestra en Sandbox: https://codesandbox.io/s/cool-germain-1do37?file=/pages/Test.vue:90-247

Componente-1: index.vue y Componente-2: Test.vue.

Cuando ejecuto la aplicación, obtengo el siguiente resultado:

 ONE TWO THREE FOUR

No me created ni testData . ¿Puede alguien decirme qué estoy haciendo mal aquí: https://codesandbox.io/s/cool-germain-1do37?file=/pages/Test.vue:90-247