From e0cc51c54987668942a3a2aebfc13c4d3b548058 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Thu, 1 Apr 2021 19:42:14 +0100
Subject: [PATCH] Restore proper client functionality with vite

---
 packages/client/src/components/Component.svelte | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/packages/client/src/components/Component.svelte b/packages/client/src/components/Component.svelte
index 2a1782bb92..b32222ce2f 100644
--- a/packages/client/src/components/Component.svelte
+++ b/packages/client/src/components/Component.svelte
@@ -6,7 +6,6 @@
   import { enrichProps, propsAreSame } from "../utils/componentProps"
   import { builderStore } from "../store"
   import { hashString } from "../utils/hash"
-  import { processStringSync } from "@budibase/string-templates"
 
   export let definition = {}
 
@@ -97,14 +96,12 @@
 
 {#if constructor && componentProps}
   {#key propsHash}
-    <div>I am a {definition._component}</div>
-    <div>{processStringSync('foo: {{ bar }}', { bar: 'bar' })}</div>
-    <!--    <svelte:component this={constructor} {...componentProps}>-->
-    <!--      {#if children.length}-->
-    <!--        {#each children as child (child._id)}-->
-    <!--          <svelte:self definition={child} />-->
-    <!--        {/each}-->
-    <!--      {/if}-->
-    <!--    </svelte:component>-->
+    <svelte:component this={constructor} {...componentProps}>
+      {#if children.length}
+        {#each children as child (child._id)}
+          <svelte:self definition={child} />
+        {/each}
+      {/if}
+    </svelte:component>
   {/key}
 {/if}