Reto crear e inyectar servicio

Crea un servicio llamado TaskService que gestione una lista de tareas en memoria. El servicio debe tener los métodos getTasks() para obtener todas las tareas, addTask(name: string) para añadir una nueva tarea, y deleteTask(id: number) para eliminar una tarea por su ID. Cada tarea debe ser un objeto con propiedades id (número) y name (string).

Luego, crea un componente standalone llamado TaskListComponent que use la función inject() para obtener el servicio. El componente debe mostrar la lista de tareas en el template y tener botones para añadir una tarea con nombre "Nueva tarea" y para eliminar tareas.

Usa la sintaxis moderna de Angular con @if y @for en el template. El servicio debe inicializarse con al menos 2 tareas de ejemplo.

Para empezar, declara primero el servicio con el decorador @Injectable({ providedIn: 'root' }), luego el componente con su template inline, y finalmente exporta el componente para que pueda ser usado.