// Controller Components
/* 
Controller Components in Vue bridge the gap between UI (Humble Components) 
and business logic (composables).
*/

// <!-- TaskController.vue -->
<script setup>
  import useTasks from './composables/useTasks';

  // Composables contain the business logic
  const { tasks, addTask, removeTask } = useTasks();
</script>

<template>
  // <!-- Humble Components provide the UI -->
  <TaskInput @add-task="addTask" />
  <TaskList :tasks="tasks" @remove-task="removeTask" />
</template>