From 18239fb9dfc5abc15717ca06042ab709083bd19a Mon Sep 17 00:00:00 2001
From: Steven Nguyen <stnguyen90@users.noreply.github.com>
Date: Mon, 21 Nov 2022 09:28:52 -0800
Subject: [PATCH 1/2] Fix sdk for web sample import

---
 .../overview/platforms/wizard/web/step2.svelte            | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/routes/console/project-[project]/overview/platforms/wizard/web/step2.svelte b/src/routes/console/project-[project]/overview/platforms/wizard/web/step2.svelte
index b5222156f7..9699669ff3 100644
--- a/src/routes/console/project-[project]/overview/platforms/wizard/web/step2.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/wizard/web/step2.svelte
@@ -12,8 +12,12 @@
 
     let method: Method = Method.NPM;
 
-    const example1 = `import { Appwrite } from 'appwrite';`;
-    const example2 = `<script src="https://cdn.jsdelivr.net/npm/appwrite@${$versions['client-web']}" />`;
+    const example1 = `import { Client } from 'appwrite';`;
+    const example2 =
+        `<script src="https://cdn.jsdelivr.net/npm/appwrite@${$versions['client-web']}" />
+<script>
+    const { Client } = Appwrite;
+</script` + `>`; // Prevent svelte from processing the closing script tag
 </script>
 
 <WizardStep>

From 08aa2b5b4b474b30f3b9d7452abf067fbd859803 Mon Sep 17 00:00:00 2001
From: Steven Nguyen <stnguyen90@users.noreply.github.com>
Date: Mon, 21 Nov 2022 09:30:41 -0800
Subject: [PATCH 2/2] Fix sdk for web init sample

Since the import in the previous step is for Appwrite
use Appwrite as the prefix for this sample.
---
 .../overview/platforms/wizard/web/step3.svelte                | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/console/project-[project]/overview/platforms/wizard/web/step3.svelte b/src/routes/console/project-[project]/overview/platforms/wizard/web/step3.svelte
index e13329c532..c9685da2ef 100644
--- a/src/routes/console/project-[project]/overview/platforms/wizard/web/step3.svelte
+++ b/src/routes/console/project-[project]/overview/platforms/wizard/web/step3.svelte
@@ -4,9 +4,9 @@
     import { sdkForProject } from '$lib/stores/sdk';
 
     const { endpoint, project } = sdkForProject.client.config;
-    const code = `const appwrite = new Appwrite();
+    const code = `const client = new Client();
 
-appwrite
+client
     .setEndpoint('${endpoint}')
     .setProject('${project}');`;
 </script>