Estoy trabajando con Vue y creando un juego y cuando obtengo los datos para dicho juego, algunas variables que he definido en los datos se devuelven sin definir. Aquí está el código:

 data() { return { receivedGame: undefined, allSteps: [], }

 methods: { async gameData() { const response = await fetch(`...`); const responseData = await response.json(); this.receivedGame = responseData.steps; //returns correct data responseData.steps.map((step) => { this.allSteps.push({ //returns error, allSteps is undefined type: step.type, }); }); } }