all: require Alpine.js 3.15.12 or later

README.md

@@ -5,6 +5,8 @@
 
 **`Ramstack.AlpineGear.js`** provides useful and convenient plugins for [Alpine.js](https://alpinejs.dev/).
 
+The plugins require Alpine.js 3.15.12 or later.
+
 ## Included Plugins
 
 **[@ramstack/alpinegear-bound](https://www.npmjs.com/package/@ramstack/alpinegear-bound)** ([README](https://github.com/rameel/ramstack.alpinegear.js/tree/main/src/plugins/bound))<br>

package.json

@@ -31,7 +31,7 @@
     "test:vitest": "vitest run"
   },
   "peerDependencies": {
-    "alpinejs": "^3.13.0"
+    "alpinejs": "^3.15.12"
   },
   "devDependencies": {
     "@conventional-changelog/git-client": "^3.2.0",

src/utilities/anchor_block.js

@@ -46,8 +46,6 @@ export function anchor_block(el, template, { addScopeToNode, cleanup, destroyTre
             }
         },
         delete() {
-            // Not in mutateDom: Alpine before 3.14.2 removes nested x-if content
-            // and x-for items without destroying them, leaving that to its observer
             el._r_block = null;
             delete el._x_currentIfEl;
             delete el._x_lastRenderedEl;

tests/playwright/anchor-block.spec.js

@@ -56,7 +56,7 @@ for (const [directive, block] of Object.entries(blocks)) {
         await expect(page.locator("dt, dd")).toHaveText(["Term", "Description"]);
         expect(await probe(1)).toEqual({ destroyed: [], effects: [0, 1], events: 1 });
 
-        // Alpine 3.14.2+ removes x-if and x-for clones this way, with its observer paused
+        // Alpine removes x-if and x-for clones this way, with its observer paused
         await page.evaluate(() => Alpine.mutateDom(() => {
             const anchor = document.querySelector("dl > template");
             Alpine.destroyTree(anchor);
@@ -85,7 +85,6 @@ test("anchor block: removes nested x-if and x-for content", async ({ page }) =>
 
     await expect(page.locator("b, i")).toHaveText(["1", "2", "3", "4"]);
 
-    // Alpine before 3.14.2 leaves destroying the removed clones to its observer
     await set_data(page.locator("div"), { show: false });
     await expect(page.locator("b, i")).toHaveCount(0);
 });