<template>
  <main style="padding: 16px">
    <h1 style="font-size: 20px; font-weight: 600">QuyUn</h1>
    <p style="margin-top: 8px; color: #666">
      Router base: <code>{{ base }}</code>
    </p>
    <p style="margin-top: 4px; color: #666">
      API baseURL: <code>{{ apiBase }}</code>
    </p>
  </main>
</template>

<script setup lang="ts">
import { computed } from 'vue'
import { getApiBaseURL, getUserRouterBase } from '../tenant'

const base = computed(() => getUserRouterBase())
const apiBase = computed(() => getApiBaseURL())
</script>

