refactor(web): add decorators

1 files changed, 6 insertions, 3 deletions

diff --git a/web/src/components/app/index.ts b/web/src/components/app/index.ts
index 195011f..c30249f 100644
--- a/web/src/components/app/index.ts
+++ b/web/src/components/app/index.ts
@@ -1,4 +1,5 @@
 import defaultDoc from "../../defaultDoc";
+import NotiveElement, { customElement } from "../../element";
 import { Selection } from "../../selection";
 import { Doc } from "../../types";
 import ntvGrid, { NotiveGridElement } from "../grid";
@@ -6,7 +7,8 @@ import renderGrid from "../grid/renderGrid";
 import ntvToolbar from "../toolbar";
 import "./index.css";
 
-export class NotiveAppElement extends HTMLElement {
+@customElement("ntv-app")
+export class NotiveAppElement extends NotiveElement {
   doc: Doc = defaultDoc();
   #selection?: Selection;
 
@@ -37,10 +39,11 @@ export class NotiveAppElement extends HTMLElement {
           ongridselectionchange: (event) => {
             this.selection = event.selection;
           },
+          oncellchange: (event) => {
+            console.log(event);
+          },
         }),
       ),
     );
   }
 }
-
-customElements.define("ntv-app", NotiveAppElement);