<template>
  <MapPageWrapper>
    <MapView
      :map-id="mapId"
      :grid-x="gridX"
      :grid-y="gridY"
      :zoom="zoom"
    />
  </MapPageWrapper>
</template>

<script setup lang="ts">
const route = useRoute()
const mapId = computed(() => Number(route.params.map) || 0)
const gridX = computed(() => Number(route.params.gridX) || 0)
const gridY = computed(() => Number(route.params.gridY) || 0)
const zoom = computed(() => Number(route.params.zoom) || 1)
</script>
