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

const { isDesktop } = useViewport();
</script>

<template>
  <DesktopMatchDetailView v-if="isDesktop" />
  <MobileMatchDetailView v-else />
</template>
