<script setup>
import { RouterView } from 'vue-router'
</script>

<template>
  <!-- Suspense bắt buộc để Vue handle async setup() trong child components -->
  <Suspense>
    <RouterView />
    <template #fallback>
      <div style="min-height:100vh; display:flex; align-items:center; justify-content:center; background:#fff;">
        <div style="text-align:center;">
          <div style="width:32px;height:32px;background:#b45309;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:11px;margin-bottom:12px">CA</div>
          <p style="color:#666;font-size:13px;">Đang tải...</p>
        </div>
      </div>
    </template>
  </Suspense>
</template>
