Repository navigation
Refactor: Create separate components for Today's and Monthly spending charts #21
Description
Summary
Currently the Graph page contains two charts implemented directly in the component. We should extract these into separate reusable components for better code organization and maintainability.
Tasks
- Create
TodaysSpendingChart.vuecomponent for doughnut chart - Create
MonthlySpendingChart.vuecomponent for daily bar chart - Update Graph.vue to use the new chart components
- Ensure props and data flow work correctly
- Maintain all existing styling and functionality
- Test both charts work as expected
Acceptance Criteria
- Both charts are extracted into separate components
- Graph.vue is cleaner and more maintainable
- All existing functionality is preserved
- Charts are properly responsive
- Peak spending info is included in monthly chart component
Current Implementation
- Today's spending: Doughnut chart with categories
- Monthly spending: Bar chart with daily data and peak spending info
🤖 Generated with Claude Code
Activity
refactor: extract chart components for better code organization
refactor: extract chart components for better code organization
feat: Add Settings page with authentication UI and improved components (
Release: Major authentication and user management features (#50)
Release v1.3.0: Facebook OAuth UI removal and version bump (#51)