From 61f64595fafca38c30d806369be8b35a4a39bb9b Mon Sep 17 00:00:00 2001
From: Caleb Porzio <calebporzio@gmail.com>
Date: Wed, 10 May 2023 10:07:18 -0400
Subject: [PATCH] wip

---
 index.html                      | 29 +++++++++++++++++++++++++++++
 packages/alpinejs/src/alpine.js |  3 ++-
 2 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 1858ee3f1..9200e10b8 100644
--- a/index.html
+++ b/index.html
@@ -10,6 +10,35 @@
     <!-- <script src="//cdn.tailwindcss.com"></script> -->
     <!-- <script src="//cdn.tailwindcss.com"></script> -->
 
+    <div x-data="{
+        my_array: [{x:'x'},{x:'y'}],
+        click() {
+            this.my_array = [{x:'a'},{x:'b'}];
+        }
+    }">
+
+        <!-- Loop with plain div -->
+        <template x-for="item in my_array">
+            <div x-text="item.x"></div>
+        </template>
+
+        <!-- Loop with div nested inside component -->
+        <template x-for="item in my_array">
+            <div x-data="some_component" >
+                <div x-text="item.x"></div>
+            </div>
+        </template>
+
+        <button @click="click">Click me</button>
+
+    </div>
+        <script>
+            document.addEventListener('alpine:init', () => {
+                Alpine.data('some_component', () => ({}));
+            });
+
+        </script>
+
 
 
 
diff --git a/packages/alpinejs/src/alpine.js b/packages/alpinejs/src/alpine.js
index 6dafef087..d442c2f19 100644
--- a/packages/alpinejs/src/alpine.js
+++ b/packages/alpinejs/src/alpine.js
@@ -1,7 +1,7 @@
 import { setReactivityEngine, disableEffectScheduling, reactive, effect, release, raw } from './reactivity'
 import { mapAttributes, directive, setPrefix as prefix, prefix as prefixed } from './directives'
 import { start, addRootSelector, addInitSelector, closestRoot, findClosest, initTree, destroyTree, interceptInit } from './lifecycle'
-import { mutateDom, deferMutations, flushAndStopDeferringMutations, startObservingMutations, stopObservingMutations } from './mutation'
+import { onAttributeRemoved, mutateDom, deferMutations, flushAndStopDeferringMutations, startObservingMutations, stopObservingMutations } from './mutation'
 import { mergeProxies, closestDataStack, addScopeToNode, scope as $data } from './scope'
 import { setEvaluator, evaluate, evaluateLater, dontAutoEvaluateFunctions } from './evaluator'
 import { transition } from './directives/x-transition'
@@ -32,6 +32,7 @@ let Alpine = {
     startObservingMutations,
     stopObservingMutations,
     setReactivityEngine,
+    onAttributeRemoved,
     closestDataStack,
     skipDuringClone,
     onlyDuringClone,