## 1. API Integration Implementation
- [ ] 1.1 Update `request.js` with proper base URL and interceptors
- [ ] 1.2 Implement API calls for conversation list in `ConversationList.vue`
- [ ] 1.3 Implement API calls for user list in `UserList.vue`
- [ ] 1.4 Implement API calls for dashboard statistics in `Home.vue`
- [ ] 1.5 Add proper error handling for all API requests
- [ ] 1.6 Implement loading states for all data fetching operations

## 2. Data Structure Conversion
- [ ] 2.1 Design data conversion utility functions for backend responses
- [ ] 2.2 Implement conversion for user data (camelCase vs PascalCase)
- [ ] 2.3 Implement conversion for conversation data
- [ ] 2.4 Ensure consistent data structure across all components
- [ ] 2.5 Add type checking for converted data

## 3. Time-based Sorting Mechanism
- [ ] 3.1 Implement unified sorting function for time-based data
- [ ] 3.2 Apply sorting to conversation list (newest first)
- [ ] 3.3 Apply sorting to user list (by first login time, newest first)
- [ ] 3.4 Apply sorting to recent conversations in dashboard
- [ ] 3.5 Ensure proper handling of date/time formats from backend

## 4. Component Updates
- [ ] 4.1 Update `ConversationList.vue` to use real API data
- [ ] 4.2 Update `UserList.vue` to use real API data
- [ ] 4.3 Update `Home.vue` to use real API data
- [ ] 4.4 Ensure all components handle empty data states properly
- [ ] 4.5 Update loading indicators and error messages

## 5. Testing and Validation
- [ ] 5.1 Test API call functionality with different scenarios
- [ ] 5.2 Test data conversion for various response formats
- [ ] 5.3 Test sorting mechanism with different datasets
- [ ] 5.4 Test error handling for network failures
- [ ] 5.5 Test responsive behavior with real data

## 6. Documentation
- [ ] 6.1 Update code comments for new functions
- [ ] 6.2 Document API call patterns and conventions
- [ ] 6.3 Document data conversion logic
- [ ] 6.4 Document sorting mechanism