geo/apps/ops-web/src/App.vue

<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>