feat: allow nested components (#51)

tentjs · Oct 22, 2024 · a328127 · a328127
1 parent 4d3127d
commit a328127
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 1 deletion.
diff --git a/src/mount.ts b/src/mount.ts
@@ -12,7 +12,7 @@ function mount<S extends {} = {}, A extends Attrs = {}>(
   const state = 'state' in component ? component.state : ({} as S);
   const el = element as TentNode<A>;
 
-  el.$tent = { attributes: {} };
+  el.$tent = { attributes: {}, isComponent: true };
 
   const handler = {
     get(obj: S, key: string) {

diff --git a/src/types.ts b/src/types.ts
@@ -18,6 +18,7 @@ export type TentNode<A extends Attrs = undefined> = Node &
         mounted?: ({ el }: { el: TentNode }) => void;
         keep?: boolean;
       };
+      isComponent?: boolean;
     };
     dataset: A & DOMStringMap;
     children: TentNode<A>[];

diff --git a/src/walker.ts b/src/walker.ts
@@ -47,6 +47,7 @@ function walker<A extends Attrs>(oldNode: TentNode<A>, newNode: TentNode<A>) {
 
   if (oc.length === 0 && nc.length === 0) return;
   if (oldNode.$tent.attributes.keep) return;
+  if (oldNode.$tent.isComponent) return;
 
   if (oc.length < nc.length) {
     for (let i = 0; i < nc.length; i++) {