vue0
l
Design a responsive task management component for a productivity web application. The component should include: A list view of tasks with the ability to add, edit, and delete tasks Each task should have a title, description, due date, and priority level A filter system to sort tasks by status (completed/incomplete) and priority A simple pie chart showing the distribution of tasks by priority A date picker for setting and editing due dates A search function to find tasks by keyword A toggle for switching between light and dark mode Basic animations for adding and completing tasks Ensure the component is accessible and works well on both desktop and mobile devices. Use appropriate state management and provide clear, well-structured code with comments explaining key functionalities.