From 7ef8366bfc43775bf26e71e77bddf31af829dfde Mon Sep 17 00:00:00 2001
From: Josh Kingsley <josh@joshkingsley.me>
Date: Wed, 29 Oct 2025 18:26:41 +0200
Subject: refactor(web): add decorators

---
 web/src/components/app/index.ts | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

(limited to 'web/src/components/app/index.ts')

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);
-- 
cgit v1.2.3