From bd8d7c8c90f58faed9ee827480470b1fbb31503c Mon Sep 17 00:00:00 2001
From: Christophe Le Bars <clb@rouge.network>
Date: Sun, 28 Aug 2022 22:37:38 +0200
Subject: [PATCH] add basic scaffolding example

---
 README.md | 32 ++++++++++++++++++++++++++------
 1 file changed, 26 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index f54f340..4b59c31 100644
--- a/README.md
+++ b/README.md
@@ -66,7 +66,7 @@ import { defaultEvmStores } from 'svelte-web3'
 former naming has been removed in later versions of
 `svelte-web3` package.
 
-### Connection with the browser provider (eg wallets like Metamask)
+### Connection with the browser provider (eg wallets like MetaMask)
 
 To enable a connection with the current [EIP-1193
 provider](https://eips.ethereum.org/EIPS/eip-1193#appendix-i-consumer-facing-api-documentation)
@@ -428,12 +428,25 @@ stores this way :
 ```
 ## FAQ
 
-### *how to auto-connect on page load?*
+### *What would be the most basic scaffolding to get Svelte + web3 running*
+
+Assuming that you already have a working injected provider like MetaMask in your browser:
+
+1. npm create vite@latest myapp -- --template svelte
+2. cd myapp && npm install svelte-web3
+3. add `web3.js` script loading tag inside the `index.html` header (see above)
+4. add this minimal connection code in App.svelte:
+```js
+  import { onMount } from 'svelte'
+  import { defaultEvmStores as evm, selectedAccount, chainId } from 'svelte-web3'
+  onMount( evm.setProvider )
+```
+5. use the stores in the HTML
+```html
+  <p>account: {$selectedAccount} / chainId: {$chainId}</p>
+```
+6. `npm run dev`
 
-It is out of scope of this package to implement this function but it
-generally depends on the type of provider you are using and a way to
-store connection information between page loads (for example by using
-localStorage).
 
 ### *X doesn't work after `await defaultEvmStores.setProvider()`*
 
@@ -459,6 +472,13 @@ onMount(() => {
 })
 ```
 
+### *how to auto-connect on page load?*
+
+It is out of scope of this package to implement this function but it
+generally depends on the type of provider you are using and a way to
+store connection information between page loads (for example by using
+localStorage).
+
 
 ## Examples