From b9d03fe4fd5ef39040f9bfddb7720916d8a5ee6c Mon Sep 17 00:00:00 2001
From: Niklan <niklanrus@gmail.com>
Date: Thu, 17 Jun 2021 13:33:22 +0500
Subject: [PATCH] Init directives for x-if contents after it's created.

---
 packages/alpinejs/src/directives/x-if.js | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/alpinejs/src/directives/x-if.js b/packages/alpinejs/src/directives/x-if.js
index 286476a10..64d6777d5 100644
--- a/packages/alpinejs/src/directives/x-if.js
+++ b/packages/alpinejs/src/directives/x-if.js
@@ -1,7 +1,8 @@
 import { evaluateLater } from '../evaluator'
-import { setStyles } from '../utils/styles'
 import { directive } from '../directives'
-import { once } from '../utils/once'
+import {initTree} from "../lifecycle";
+import {addScopeToNode} from "../scope";
+import {reactive} from "../reactivity";
 
 directive('if', (el, { modifiers, expression }, { effect, cleanup }) => {
     let evaluate = evaluateLater(el, expression)
@@ -11,6 +12,10 @@ directive('if', (el, { modifiers, expression }, { effect, cleanup }) => {
 
         let clone = el.content.cloneNode(true).firstElementChild
 
+        addScopeToNode(clone, reactive(modifiers), el)
+
+        initTree(clone)
+
         el.after(clone)
 
         el._x_currentIfEl = clone