refactor(email): use static blocks instead of static fn

Author: douglasduteil

packages/email/.storybook/ChangeView.tsx

@@ -2,9 +2,10 @@
 
 export class ChangeView extends HTMLElement {
   static tag = "x-change-view" as const;
-  static define() {
-    customElements.define(ChangeView.tag, this);
+  static {
+    customElements.define(this.tag, this);
   }
+
   constructor() {
     super();
     this.attachShadow({ mode: "open" });
@@ -46,8 +47,6 @@ export class ChangeView extends HTMLElement {
   }
 }
 
-ChangeView.define();
-
 function ChangeViewUI({ view }: { view: string }) {
   return (
     <nav>

packages/email/.storybook/SendEmailFormWebComponent.tsx

@@ -14,8 +14,8 @@ type SendEmailOptions = {
 
 export class SendEmailFormWebComponent extends HTMLElement {
   static tag = "x-send-email-form" as const;
-  static define() {
-    customElements.define(SendEmailFormWebComponent.tag, this);
+  static {
+    customElements.define(this.tag, this);
   }
   static BREVO_API_KEY = import.meta.env["VITE_BREVO_API_KEY"];
 
@@ -138,5 +138,3 @@ export class SendEmailFormWebComponent extends HTMLElement {
     return element as HTMLInputElement;
   }
 }
-
-SendEmailFormWebComponent.define();