todo-components

What problem does it solve?

Maintains consistent Todo UI component conventions so developers never mix light-mode styles, forget Suspense loaders, or misuse shadcn/ui primitives when building the project.

Core Features & Use Cases

• Component Guidance: Details the TodoForm, TodoList, TodoItem, TodoSkeleton, and PriorityFilter roles, clarifying when to add 'use client', how to use cn() for conditional Tailwind, and that only shadcn primitives plus Lucide icons are permitted for dark-mode styling.
• Suspense Data Flow: Prescribes the async loader pattern that fetches data inside Suspense with TodoSkeleton fallbacks, preventing data resolution above the boundary so streaming works correctly.
• Priority & Feedback Rules: Directs deriving options and colors from PRIORITY_OPTIONS and PRIORITY_COLORS, updating ?priority= via router state, and emitting success/error toasts with sonner when invoking server actions during client interactions. Use this guidance when building, reviewing, or refactoring files under components/todos/ to ensure the Todo UI matches project conventions.

Quick Start

Build or review the todo components by following the dark-mode shadcn primitives, Suspense loader, and priority constants guidance to keep the UI consistent.