Currently, our Vue.js application is making an API request without proper error handling. In the event that the API request fails, there is no mechanism to inform the user of the failure. This ticket aims to implement error handling for the API request and display an error message box to provide a better user experience and error feedback.
- Modify the viewDiff method in the Vue component to include error handling for the API request using a .fail block.
- Create a component or an element to display error messages to the user. If the API request fails, set an error message to be displayed to the user in the Vue component.
Use Codex component for the error message
Outcome:
