Fix x-teleport by removing clone x-ignore (#4469)

* Fix x-teleport by removing clone x-ignore

* Add test

packages/alpinejs/src/directives/x-teleport.js

@@ -51,8 +51,6 @@ directive('teleport', (el, { modifiers, expression }, { cleanup }) => {
 
         skipDuringClone(() => {
             initTree(clone)
-
-            clone._x_ignore = true
         })()
     })
 

tests/cypress/integration/directives/x-teleport.spec.js

@@ -204,3 +204,26 @@ test('$id honors x-id outside teleport',
         get('#b h1').should(haveText('foo-1'))
     },
 )
+
+test('conditionally added elements get initialised inside teleport',
+    [html`
+        <div x-data="{ show: false }" id="a">
+            <button @click="show = true">Show Teleport Content</button>
+
+            <template x-teleport="#b">
+                <div>
+                    <template x-if="show" >
+                        <p x-text="'Teleport content initialised'">Teleport content waiting</p>
+                    </template>
+                </div>
+            </template>
+        </div>
+
+        <div id="b"></div>
+    `],
+    ({ get }) => {
+        get('#b p').should('not.exist')
+        get('button').click()
+        get('#b p').should('exist').and('have.text', 'Teleport content initialised')
+    },
+)