A descrição esta sendo registrada em branco...

Salve, Alisson.

No arquivo src\components\Form.vue, onde você utilizou ç** e **ã.

Basta ajustar para:

<template>
  <div class="box">
    <div class="columns">
      <div
        class="column is-8"
        role="form"
        aria-label="Formulario para criação de nova tarefa"
      >
        <input
          type="text"
          class="input"
          placeholder="Digite aqui a tarefa que 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: "FormuLario",
  components: {
    TempoRizador,
  },
  data() {
    return {
      descricao: "",
    };
  },
  emits: ["aoSalvarTarefa"],
  methods: {
    FinalizarTarefa(tempoDecorrido: number): void {
      this.$emit("aoSalvarTarefa", {
        duracaoEmSegundos: tempoDecorrido,
        descricao: this.descricao,
      });
      this.descricao = "";
    },
  },
});
</script>

<style>
</style>