<template>
  <a-config-provider :theme="themeConfig">
    <a-app>
      <router-view />
    </a-app>
  </a-config-provider>
</template>

<script setup lang="ts">
import { onMounted } from 'vue'

import { useAuthStore } from '@/stores/auth'

const auth = useAuthStore()

const themeConfig = {
  token: {
    colorPrimary: '#4f46e5',
    colorLink: '#4f46e5',
    colorInfo: '#4f46e5',
    borderRadius: 6,
  },
}

onMounted(() => {
  if (!auth.initialized) auth.hydrate()
})
</script>
