feat: only call onChanges when previousValue !== currentValue

WebComponent.mjs

@@ -23,10 +23,9 @@ export class WebComponent extends HTMLElement {
   attributeChangedCallback(property, previousValue, currentValue) {
     if (previousValue !== currentValue) {
       this[property] = currentValue;
+      this.onChanges({ property, previousValue, currentValue });
       this.render();
     }
-
-    this.onChanges({ property, previousValue, currentValue });
   }
 
   render() {

demo/index.html

@@ -16,6 +16,10 @@
       setTimeout(() => {
         helloWorld.setAttribute("emotion", "excited");
       }, 2500);
+
+      helloWorld.addEventListener("click", () => {
+        helloWorld.setAttribute("name", "Clicked");
+      });
     </script>
   </body>
 </html>