Replace @ with x-on: and : with x-bind: when updating HTML attributes

Author: jissereitsma

view/base/templates/script/html-updater.phtml

@@ -10,6 +10,8 @@
             });
 
             newRoot.getAttributeNames().forEach(attributeName => {
+                attributeName = attributeName.replace(/^@/, 'x-on:');
+                attributeName = attributeName.replace(/^:/, 'x-bind:');
                 root.setAttribute(attributeName, newRoot.getAttribute(attributeName));
             });