Ejercicio de programación con Vuejs: Crear componente Composition API

Crea un componente en Vue que utilice la Composition API para gestionar el estado de una lista de tareas. El componente debe permitir añadir nuevas tareas, marcar tareas como completadas y mostrar el número total de tareas completadas.

Instrucciones

1. Utiliza la Composition API para gestionar el estado y la lógica del componente.
2. Define una lista de tareas utilizando ref.
3. Crea una función para añadir nuevas tareas.
4. Crea una función para marcar una tarea como completada.
5. Usa una propiedad computed para calcular el número total de tareas completadas.
6. Retorna las propiedades y funciones necesarias desde setup para su uso en el template.

Dado el siguiente template que contiene el HTML del componente Vuejs:

<template>
  <div>
    <input v-model="nuevaTarea" placeholder="Añadir nueva tarea" />
    <button @click="añadirTarea">Añadir</button>
    <ul>
      <li v-for="(tarea, index) in tareas" :key="index">
        <input type="checkbox" @change="marcarCompletada(index)" />
        {{ tarea.nombre }}
      </li>
    </ul>
    <p>Total de tareas completadas: {{ totalCompletadas }}</p>
  </div>
</template>

<script lang="ts">
    //El resto de código
</script>

Realiza el script faltante en typescript, utilizando la Composition API para poder completar el componente y que pueda realizar lo que pide el enunciado