feat: page receive

src/modules/[chain]/index.vue

@@ -344,7 +344,9 @@ const color = computed(() => {
 
       <div class="grid grid-cols-3 gap-4 px-4 pb-6 mt-4">
         <button class="btn btn-success text-white">Send</button>
-        <button class="btn btn-info text-white">Receive</button>
+        <RouterLink to="/wallet/receive" class="btn btn-info text-white"
+          >Receive</RouterLink
+        >
         <button class="btn btn-primary text-white">Convert</button>
       </div>
     </div>

src/modules/wallet/receive.vue

@@ -0,0 +1,22 @@
+<script setup lang="ts">
+import { useWalletStore } from '@/stores';
+import { useQRCode } from '@vueuse/integrations/useQRCode';
+
+const walletStore = useWalletStore();
+const qrcode = useQRCode(walletStore.currentAddress);
+</script>
+
+<template>
+  <div class="bg-base-100 p-4 rounded text-center">
+    <div class="text-xl font-semibold text-center">Pay Me</div>
+    <div v-if="walletStore.currentAddress" class="flex items-center justify-center mt-8 mb-4">
+      <img :src="qrcode" alt="QR Code" class="rounded-sm overflow-hidden" />
+    </div>
+    <div class="text-main">
+      {{ walletStore.currentAddress }}
+    </div>
+    <div class="mt-4 mb-4">
+      <button class="btn btn-success text-white px-10">Go To Pay</button>
+    </div>
+  </div>
+</template>