Web3Modal Svelte example

web3modal.svelte

<script>
  import { onMount } from 'svelte'

  import { defaultChainStore, web3 } from 'svelte-web3'

  let Web3Modal
  let WalletConnectProvider

  onMount(() => {
    Web3Modal = window.Web3Modal.default
    WalletConnectProvider = window.WalletConnectProvider.default
  })

  const enable = async () => {
      let web3Modal = new Web3Modal({
        theme: 'dark',
        cacheProvider: false,
        providerOptions: {
          walletconnect: {
            package: WalletConnectProvider,
            options: {
              infuraId: '27e484dcd9e3efcfd25a83a78777cdf1'
            }
          }
        },
        disableInjectedProvider: false
      })
      const provider = await web3Modal.connect()
      defaultChainStore.setProvider(provider)
  }
</script>

{#if $web3.version}
  <div class="buttons">
    <button class="btn btn-primary" on:click={enable}>Connect Wallet</button>
  </div>
{/if}