✍️ Got inline editing for comments working!
Kudos to this video tutorial by Vue Screencasts
https://www.youtube.com/watch?v=aV3B3n6YRPg&t=352s
Things I did differently from the tutorial:
- wrapped the edit 'button' links within v-if="isAuthenticated" so that only logged in users will be able to access
- added if statement so that logged in user can only edit her own comments
- had to debug PUT request not going through by removing the @blur=setToView() event listener and function, because it was removing the data from the PUT request when I click on the button outside of textarea (which at same time, blurs it and activates the function)
- must add a clickoutside event listener &/or close button to close the setToEditing function
https://www.youtube.com/watch?v=aV3B3n6YRPg&t=352s
Things I did differently from the tutorial:
- wrapped the edit 'button' links within v-if="isAuthenticated" so that only logged in users will be able to access
- added if statement so that logged in user can only edit her own comments
- had to debug PUT request not going through by removing the @blur=setToView() event listener and function, because it was removing the data from the PUT request when I click on the button outside of textarea (which at same time, blurs it and activates the function)
- must add a clickoutside event listener &/or close button to close the setToEditing function