d14-todo-components

可重複使用的 Vue 3 待辦清單元件集合，包含：

• TodoInput
• TodoList
• TodoFooter

安裝

npm install d14-todo-components

請確保專案已安裝 vue@^3.4，此套件將 Vue 視為 peer dependency。

使用方式

<script setup>
import { ref } from 'vue';
import { TodoInput, TodoList, TodoFooter } from 'd14-todo-components';

const todos = ref([]);
const filter = ref('all');
</script>

<template>
  <TodoInput @create="(payload) => console.log(payload)" />
  <TodoList
    :items="todos"
    @toggle="(id) => console.log('toggle', id)"
    @update="(todo) => console.log('update', todo)"
    @remove="(id) => console.log('remove', id)"
  />
  <TodoFooter v-model="filter" />
</template>

更多細節請參考根目錄的範例應用 (src/App.vue)。