<script setup lang="ts">
import { defineAsyncComponent } from 'vue';
import { useViewport } from '../composables/useViewport';

const { isDesktop } = useViewport();

const DesktopWalletView = defineAsyncComponent(
  () => import('./desktop/DesktopWalletView.vue'),
);
const MobileWalletView = defineAsyncComponent(
  () => import('./MobileWalletView.vue'),
);
</script>

<template>
  <DesktopWalletView v-if="isDesktop" />
  <MobileWalletView v-else />
</template>
