update sth

package.json

@@ -3,7 +3,7 @@
   "version": "0.0.0",
   "private": true,
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --host",
     "build": "vite build",
     "preview": "vite preview"
   },

src/components/HelloWorld.vue

@@ -1,9 +1,11 @@
 <script setup>
 import { createWeb3Modal, defaultWagmiConfig } from '@web3modal/wagmi'
-
+import { injected, metaMask, safe, walletConnect } from '@wagmi/connectors'
 import { mainnet, arbitrum } from 'viem/chains'
-import { reconnect } from '@wagmi/core'
+import { reconnect,createConfig, disconnect } from '@wagmi/core'
 
+// https://docs.walletconnect.com/web3modal/vue/options
+// https://wagmi.sh/react/guides/connect-wallet
 
 
 // 1. Get projectId
@@ -23,10 +25,18 @@ const config = defaultWagmiConfig({
   projectId, // required
   metadata, // required
   enableWalletConnect: true, // Optional - true by default
-  enableInjected: true, // Optional - true by default
+  enableInjected: false, // Optional - true by default
   enableEIP6963: true, // Optional - true by default
   enableCoinbase: false // Optional - true by default
 })
+// const config = createConfig({
+//   chains,
+//   connectors: [
+//     injected(),
+//     walletConnect({ projectId }),
+//     safe(),
+//   ]
+// })
 
 reconnect(config)
 // 3. Create modal
@@ -56,6 +66,10 @@ async function tokenInfo() {
   console.log('balance', balance);
 }
 
+async function disconnectWallet() {
+  await disconnect(config);
+}
+
 // async function connectWc2() {
 //   const provider = await EthereumProvider.init({
 //     projectId: 'e7743d46923911fa8850619b7a7f6d9d', // required
@@ -94,6 +108,7 @@ async function tokenInfo() {
     <!-- <p class="green"><a @click="connectWc2" rel="noopener">Connect WC2</a></p> -->
     <p class="green"><a @click="getCurrentAccount" rel="noopener">Get Account</a></p>
     <p class="green"><a @click="tokenInfo" rel="noopener">Token Info</a></p>
+    <p class="green"><a @click="disconnectWallet" rel="noopener">Disconnect Wallet</a></p>
   </div>
 </template>
 

vite.config.js

@@ -6,6 +6,9 @@ import vue from '@vitejs/plugin-vue';
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [vue()],
+  build: {
+    sourcemap: true,
+  },
   resolve: {
     alias: {
       '@': fileURLToPath(new URL('./src', import.meta.url)),

yarn.lock

@@ -457,6 +457,20 @@
     utf-8-validate "^6.0.3"
     uuid "^8.3.2"
 
+"@metamask/sdk-communication-layer@0.15.0":
+  version "0.15.0"
+  resolved "https://registry.yarnpkg.com/@metamask/sdk-communication-layer/-/sdk-communication-layer-0.15.0.tgz#224a7f28bb143201c1ff55b330748a716212385f"
+  integrity sha512-huzLmcr1GWSYXfsQr7Sq/Uw3oQwp9I6iMN9ciJgWOh8ces3Sg7z3OU9cubsy3R1pRKfDnSs3d4nJybKRNFJe9A==
+  dependencies:
+    bufferutil "^4.0.8"
+    cross-fetch "^3.1.5"
+    date-fns "^2.29.3"
+    eciesjs "^0.3.16"
+    eventemitter2 "^6.4.5"
+    socket.io-client "^4.5.1"
+    utf-8-validate "^6.0.3"
+    uuid "^8.3.2"
+
 "@metamask/sdk-install-modal-web@0.14.1":
   version "0.14.1"
   resolved "https://registry.yarnpkg.com/@metamask/sdk-install-modal-web/-/sdk-install-modal-web-0.14.1.tgz#c8e64b4f7d2dac262c2ec28025c541b258478c31"
@@ -470,6 +484,19 @@
     react-dom "^18.2.0"
     react-i18next "^13.2.2"
 
+"@metamask/sdk-install-modal-web@0.15.0":
+  version "0.15.0"
+  resolved "https://registry.yarnpkg.com/@metamask/sdk-install-modal-web/-/sdk-install-modal-web-0.15.0.tgz#f3e8111461840d077a5f267915687295fc35282a"
+  integrity sha512-kfn8yF6GixQ8n6GCUti1gquFv5ZejR2yWwOpcHrDIe6PQREPSM7386ufwo2DN+X9eBu+ks/mXEjBi56zQWF+Qg==
+  dependencies:
+    "@emotion/react" "^11.10.6"
+    "@emotion/styled" "^11.10.6"
+    i18next "22.5.1"
+    qr-code-styling "^1.6.0-rc.1"
+    react "^18.2.0"
+    react-dom "^18.2.0"
+    react-i18next "^13.2.2"
+
 "@metamask/sdk@0.14.3":
   version "0.14.3"
   resolved "https://registry.yarnpkg.com/@metamask/sdk/-/sdk-0.14.3.tgz#ec1ecf00edef981fd17e2c5cf4ec40ce0a43a55c"
@@ -501,6 +528,37 @@
     util "^0.12.4"
     uuid "^8.3.2"
 
+"@metamask/sdk@^0.15.0":
+  version "0.15.0"
+  resolved "https://registry.yarnpkg.com/@metamask/sdk/-/sdk-0.15.0.tgz#ab364d869a3cd3eee02cdb73baaca253e2ae752c"
+  integrity sha512-+n0aje88orTA57Y4Rx12wCsT0l33nd0jszRBVDxFP4DSRs6pJAblLpeO3SV8rfsxVJV1RmUFDMxYodQZ2DUQ2A==
+  dependencies:
+    "@metamask/onboarding" "^1.0.1"
+    "@metamask/post-message-stream" "^6.1.0"
+    "@metamask/providers" "^10.2.1"
+    "@metamask/sdk-communication-layer" "0.15.0"
+    "@metamask/sdk-install-modal-web" "0.15.0"
+    "@react-native-async-storage/async-storage" "^1.17.11"
+    "@types/dom-screen-wake-lock" "^1.0.0"
+    bowser "^2.9.0"
+    cross-fetch "^4.0.0"
+    eciesjs "^0.3.15"
+    eth-rpc-errors "^4.0.3"
+    eventemitter2 "^6.4.7"
+    extension-port-stream "^2.0.1"
+    i18next "22.5.1"
+    i18next-browser-languagedetector "^7.1.0"
+    obj-multiplex "^1.0.0"
+    pump "^3.0.0"
+    qrcode-terminal-nooctal "^0.12.1"
+    react-i18next "^13.2.2"
+    react-native-webview "^11.26.0"
+    readable-stream "^2.3.7"
+    rollup-plugin-visualizer "^5.9.2"
+    socket.io-client "^4.5.1"
+    util "^0.12.4"
+    uuid "^8.3.2"
+
 "@metamask/utils@^5.0.0", "@metamask/utils@^5.0.1":
   version "5.0.2"
   resolved "https://registry.yarnpkg.com/@metamask/utils/-/utils-5.0.2.tgz#140ba5061d90d9dac0280c19cab101bc18c8857c"