fix: do not use key at teleport

Author: vis97c

packages/components-vue/src/components/modal/Simple.vue

@@ -1,13 +1,7 @@
 <template>
 	<BaseErrorBoundary :theme="theme">
 		<slot v-if="$slots.toggle" name="toggle" v-bind="{ toggleModal, model }"></slot>
-		<BaseWrapper
-			v-if="!disabled"
-			:key="modalId"
-			:wrapper="Teleport"
-			:wrap="!!target"
-			:to="target"
-		>
+		<BaseWrapper v-if="!disabled" :wrapper="Teleport" :wrap="!!target" :to="target">
 			<dialog
 				:id="modalId"
 				ref="modalRef"
@@ -299,7 +293,7 @@
 
 				closeModal();
 			},
-			{ immediate: false }
+			{ immediate: true }
 		);
 
 		if (!router?.currentRoute) return;

packages/components-vue/src/components/pagination/ContentTable.vue

@@ -183,6 +183,7 @@
 		emittedHasContent.value = value;
 		emittedContent.value = content;
 		emittedHydrateNodes.value = hydrateNodes;
+		emit("create-node-and-refresh", createNodeAndRefresh);
 	}
 
 	function refreshData() {
@@ -244,7 +245,4 @@
 
 		return response;
 	}
-
-	// Lifecycle
-	emit("create-node-and-refresh", createNodeAndRefresh);
 </script>