From 8a2acfb73f69b750d8a907b0599ef6cabbc755f3 Mon Sep 17 00:00:00 2001
From: Yashovardhan Agrawal <21066442+yashovardhan@users.noreply.github.com>
Date: Wed, 11 Dec 2024 22:49:32 +0530
Subject: [PATCH] Fix IB comments

---
 .../react-hooks-modal-quick-start/src/main.tsx             | 4 ++++
 .../react-hooks-modal-quick-start/src/web3authContext.tsx  | 6 ++++--
 .../vue-composables-modal-quick-start/src/App.vue          | 4 ++++
 .../src/web3authContext.tsx                                | 6 ++++--
 .../react-hooks-no-modal-quick-start/src/main.tsx          | 4 ++++
 .../src/web3authContext.tsx                                | 7 ++++---
 .../vue-composables-no-modal-quick-start/src/App.vue       | 4 ++++
 .../src/web3authContext.tsx                                | 7 ++++---
 8 files changed, 32 insertions(+), 10 deletions(-)

diff --git a/web-modal-sdk/quick-starts/react-hooks-modal-quick-start/src/main.tsx b/web-modal-sdk/quick-starts/react-hooks-modal-quick-start/src/main.tsx
index 83983d486..952906715 100644
--- a/web-modal-sdk/quick-starts/react-hooks-modal-quick-start/src/main.tsx
+++ b/web-modal-sdk/quick-starts/react-hooks-modal-quick-start/src/main.tsx
@@ -1,13 +1,17 @@
 import "./index.css";
 
 import ReactDOM from "react-dom/client";
+// IMP START - Setup Web3Auth Provider
 import { Web3AuthProvider } from "@web3auth/modal-react-hooks";
 import web3AuthContextConfig from "./web3authContext";
+// IMP END - Setup Web3Auth Provider
 
 import App from "./App";
 
 ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
+  // IMP START - Setup Web3Auth Provider
   <Web3AuthProvider config={web3AuthContextConfig}>
     <App />
   </Web3AuthProvider>
+  // IMP END - Setup Web3Auth Provider
 );
diff --git a/web-modal-sdk/quick-starts/react-hooks-modal-quick-start/src/web3authContext.tsx b/web-modal-sdk/quick-starts/react-hooks-modal-quick-start/src/web3authContext.tsx
index 5f59b0434..dbd5d37ab 100644
--- a/web-modal-sdk/quick-starts/react-hooks-modal-quick-start/src/web3authContext.tsx
+++ b/web-modal-sdk/quick-starts/react-hooks-modal-quick-start/src/web3authContext.tsx
@@ -24,7 +24,7 @@ const chainConfig = {
 };
 // IMP END - Chain Config
 
-// IMP START - SDK Initialization
+// IMP START - Instantiate SDK
 const privateKeyProvider = new EthereumPrivateKeyProvider({
   config: {
     chainConfig,
@@ -37,17 +37,19 @@ const web3AuthOptions: Web3AuthOptions = {
   web3AuthNetwork: WEB3AUTH_NETWORK.SAPPHIRE_MAINNET,
   privateKeyProvider,
 };
-// IMP END - SDK Initialization
+// IMP END - Instantiate SDK
 
 // IMP START - Configuring External Wallets
 const adapters = getDefaultExternalAdapters({ options: web3AuthOptions });
 // IMP END - Configuring External Wallets
 
+// IMP START - Instantiate SDK
 const web3AuthContextConfig = {
   web3AuthOptions,
   // IMP START - Configuring External Wallets
   adapters: [...adapters],
   // IMP END - Configuring External Wallets
 };
+// IMP END - Instantiate SDK
 
 export default web3AuthContextConfig;
diff --git a/web-modal-sdk/quick-starts/vue-composables-modal-quick-start/src/App.vue b/web-modal-sdk/quick-starts/vue-composables-modal-quick-start/src/App.vue
index 62c95c1ce..c0fb2fa20 100644
--- a/web-modal-sdk/quick-starts/vue-composables-modal-quick-start/src/App.vue
+++ b/web-modal-sdk/quick-starts/vue-composables-modal-quick-start/src/App.vue
@@ -1,14 +1,18 @@
 <script setup lang="ts">
 import Home from "./Home.vue";
+// IMP START - Setup Web3Auth Provider
 import { Web3AuthProvider } from "@web3auth/modal-vue-composables"
 import web3AuthContextConfig from "./web3authContext";
+// IMP END - Setup Web3Auth Provider
 </script>
 
 <template>
   <div class="min-h-screen flex flex-col">
+    <!-- IMP START - Setup Web3Auth Provider -->
     <Web3AuthProvider :config="web3AuthContextConfig">
       <Home />
     </Web3AuthProvider>
+    <!-- IMP END - Setup Web3Auth Provider -->
   </div>
 </template>
 
diff --git a/web-modal-sdk/quick-starts/vue-composables-modal-quick-start/src/web3authContext.tsx b/web-modal-sdk/quick-starts/vue-composables-modal-quick-start/src/web3authContext.tsx
index 5f59b0434..dbd5d37ab 100644
--- a/web-modal-sdk/quick-starts/vue-composables-modal-quick-start/src/web3authContext.tsx
+++ b/web-modal-sdk/quick-starts/vue-composables-modal-quick-start/src/web3authContext.tsx
@@ -24,7 +24,7 @@ const chainConfig = {
 };
 // IMP END - Chain Config
 
-// IMP START - SDK Initialization
+// IMP START - Instantiate SDK
 const privateKeyProvider = new EthereumPrivateKeyProvider({
   config: {
     chainConfig,
@@ -37,17 +37,19 @@ const web3AuthOptions: Web3AuthOptions = {
   web3AuthNetwork: WEB3AUTH_NETWORK.SAPPHIRE_MAINNET,
   privateKeyProvider,
 };
-// IMP END - SDK Initialization
+// IMP END - Instantiate SDK
 
 // IMP START - Configuring External Wallets
 const adapters = getDefaultExternalAdapters({ options: web3AuthOptions });
 // IMP END - Configuring External Wallets
 
+// IMP START - Instantiate SDK
 const web3AuthContextConfig = {
   web3AuthOptions,
   // IMP START - Configuring External Wallets
   adapters: [...adapters],
   // IMP END - Configuring External Wallets
 };
+// IMP END - Instantiate SDK
 
 export default web3AuthContextConfig;
diff --git a/web-no-modal-sdk/quick-starts/react-hooks-no-modal-quick-start/src/main.tsx b/web-no-modal-sdk/quick-starts/react-hooks-no-modal-quick-start/src/main.tsx
index 9d1a4e406..de0e9a55e 100644
--- a/web-no-modal-sdk/quick-starts/react-hooks-no-modal-quick-start/src/main.tsx
+++ b/web-no-modal-sdk/quick-starts/react-hooks-no-modal-quick-start/src/main.tsx
@@ -1,13 +1,17 @@
 import "./index.css";
 
 import ReactDOM from "react-dom/client";
+// IMP START - Setup Web3Auth Provider
 import { Web3AuthProvider } from "@web3auth/no-modal-react-hooks";
 import web3AuthContextConfig from "./web3authContext";
+// IMP END - Setup Web3Auth Provider
 
 import App from "./App";
 
 ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
+  // IMP START - Setup Web3Auth Provider
   <Web3AuthProvider config={web3AuthContextConfig}>
     <App />
   </Web3AuthProvider>
+  // IMP END - Setup Web3Auth Provider
 );
diff --git a/web-no-modal-sdk/quick-starts/react-hooks-no-modal-quick-start/src/web3authContext.tsx b/web-no-modal-sdk/quick-starts/react-hooks-no-modal-quick-start/src/web3authContext.tsx
index 55f1d4ac0..e2ace47c1 100644
--- a/web-no-modal-sdk/quick-starts/react-hooks-no-modal-quick-start/src/web3authContext.tsx
+++ b/web-no-modal-sdk/quick-starts/react-hooks-no-modal-quick-start/src/web3authContext.tsx
@@ -24,7 +24,7 @@ const chainConfig = {
 };
 // IMP END - Chain Config
 
-// IMP START - SDK Initialization
+// IMP START - Instantiate SDK
 const privateKeyProvider = new EthereumPrivateKeyProvider({
   config: {
     chainConfig,
@@ -39,18 +39,19 @@ const web3AuthOptions: Web3AuthNoModalOptions = {
 };
 
 const authAdapter = new AuthAdapter();
-// IMP END - SDK Initialization
+// IMP END - Instantiate SDK
 
 // IMP START - Configuring External Wallets
 const adapters = getDefaultExternalAdapters({ options: web3AuthOptions });
 // IMP END - Configuring External Wallets
 
-
+// IMP START - Instantiate SDK
 const web3AuthContextConfig = {
   web3AuthOptions,
   // IMP START - Configuring External Wallets
   adapters: [authAdapter, ...adapters],
   // IMP END - Configuring External Wallets
 };
+// IMP END - Instantiate SDK
 
 export default web3AuthContextConfig;
diff --git a/web-no-modal-sdk/quick-starts/vue-composables-no-modal-quick-start/src/App.vue b/web-no-modal-sdk/quick-starts/vue-composables-no-modal-quick-start/src/App.vue
index 1c4fdbc37..417ca6290 100644
--- a/web-no-modal-sdk/quick-starts/vue-composables-no-modal-quick-start/src/App.vue
+++ b/web-no-modal-sdk/quick-starts/vue-composables-no-modal-quick-start/src/App.vue
@@ -1,14 +1,18 @@
 <script setup lang="ts">
 import Home from "./Home.vue";
+// IMP START - Setup Web3Auth Provider
 import { Web3AuthProvider } from "@web3auth/no-modal-vue-composables"
 import web3AuthContextConfig from "./web3authContext";
+// IMP END - Setup Web3Auth Provider
 </script>
 
 <template>
   <div class="min-h-screen flex flex-col">
+    <!-- IMP START - Setup Web3Auth Provider -->
     <Web3AuthProvider :config="web3AuthContextConfig">
       <Home msg="Welcome to Your Vue.js + TypeScript App" />
     </Web3AuthProvider>
+    <!-- IMP END - Setup Web3Auth Provider -->
   </div>
 </template>
 
diff --git a/web-no-modal-sdk/quick-starts/vue-composables-no-modal-quick-start/src/web3authContext.tsx b/web-no-modal-sdk/quick-starts/vue-composables-no-modal-quick-start/src/web3authContext.tsx
index 55f1d4ac0..e2ace47c1 100644
--- a/web-no-modal-sdk/quick-starts/vue-composables-no-modal-quick-start/src/web3authContext.tsx
+++ b/web-no-modal-sdk/quick-starts/vue-composables-no-modal-quick-start/src/web3authContext.tsx
@@ -24,7 +24,7 @@ const chainConfig = {
 };
 // IMP END - Chain Config
 
-// IMP START - SDK Initialization
+// IMP START - Instantiate SDK
 const privateKeyProvider = new EthereumPrivateKeyProvider({
   config: {
     chainConfig,
@@ -39,18 +39,19 @@ const web3AuthOptions: Web3AuthNoModalOptions = {
 };
 
 const authAdapter = new AuthAdapter();
-// IMP END - SDK Initialization
+// IMP END - Instantiate SDK
 
 // IMP START - Configuring External Wallets
 const adapters = getDefaultExternalAdapters({ options: web3AuthOptions });
 // IMP END - Configuring External Wallets
 
-
+// IMP START - Instantiate SDK
 const web3AuthContextConfig = {
   web3AuthOptions,
   // IMP START - Configuring External Wallets
   adapters: [authAdapter, ...adapters],
   // IMP END - Configuring External Wallets
 };
+// IMP END - Instantiate SDK
 
 export default web3AuthContextConfig;