fix: make :each children work with observe dom

Author: jorenrui

lib/entity.js

@@ -197,12 +197,12 @@ export default class Entity {
     return 'Entity' + Date.now() + Math.floor(Math.random() * 10000)
   }
 
-  async init(shouldAdd = false) {
+  async init() {
     this.getVariables()
     this.applyEventBindings()
     await this.evaluateAll()
 
-    if (shouldAdd || !this.isInsideEachElement()) MiniJS.elements.push(this)
+    MiniJS.elements.push(this)
   }
 
   initChildren() {
@@ -214,24 +214,13 @@ export default class Entity {
 
       try {
         const entity = new Entity(element)
-        entity.init(true)
+        entity.init()
       } catch (error) {
         console.error('Failed to initialize child entity:', error)
       }
     }
   }
 
-  isInsideEachElement() {
-    let value = this.element.parentElement
-
-    while (value) {
-      if (value.hasAttribute && value.hasAttribute(':each')) return true
-      value = value.parentElement
-    }
-
-    return false
-  }
-
   async evaluateEventAction(attrName) {
     const attrVal = this.element.getAttribute(attrName)
     await this._interpret(attrVal)

lib/main.js

@@ -201,8 +201,7 @@ const MiniJS = (() => {
       if (elem.nodeType !== 1) continue
 
       const entity = new Entity(elem)
-
-      if (!entity.isInsideEachElement()) _elements.push(entity)
+      _elements.push(entity)
     }
   }