4
respostas

Meu cronometro marca sempre 00:00:00

{{tarefa.descricao}}

já tentei ver se havia algo de errado com o duracaoEmSegundos, mas não achei nada que estivesse errado!

4 respostas

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!!!