já tentei ver se havia algo de errado com o duracaoEmSegundos, mas não achei nada que estivesse errado!
já tentei ver se havia algo de errado com o duracaoEmSegundos, mas não achei nada que estivesse errado!
Consegue compartilhar o repositório com seu código, Felipe? :)
Felipe, você tem um erro de digitação na linha 41 do Formulario.vue:
<template>
<div class="box">
<div class="columns">
<div
class="column is-8"
role="form"
aria-label="Formulário para criação de uma nova tarefa"
>
<input
type="text"
class="input"
placeholder="Qual tarefa você deseja iniciar?"
v-model="descricao"
/>
</div>
<div class="column">
<Temporizador @aoTemporizadorFinalizado="finalizarTarefa"/>
</div>
</div>
</div>
</template>
<script lang="ts">
import { defineComponent } from "vue";
import Temporizador from "./Temporizador.vue";
export default defineComponent({
name: "FormularioVue",
emits:['aoSalvarTarefa'],
components: {
Temporizador,
},
data() {
return {
descricao: ''
}
},
methods:{
finalizarTarefa (tempoDecorrido: number) :void{
this.$emit('aoSalvarTarefa', {
// duracaoEmSugundos: tempoDecorrido, aqui está o erro, você digitou duracaoEmSugundos ao invés de duracaoEmSegundos
duracaoEmSegundos: tempoDecorrido,
descricao: this.descricao
})
this.descricao = ''
}
}
});
</script>
muito obrigado!!!