<template>
  <a-config-provider
    :locale="zhCN"
    :theme="{
      token: {
        colorPrimary: '#bd4b36',
      },
    }"
  >
    <NuxtLoadingIndicator />
    <NavBar />
    <main>
      <NuxtPage />
    </main>
    <Footer>
    </Footer>
  </a-config-provider>
</template>

<script setup lang="ts">
import { onMounted, watch } from 'vue';
import { useRoute } from 'vue-router'
import { initAMapApiLoader } from '@vuemap/vue-amap';
import zhCN from 'ant-design-vue/es/locale/zh_CN';
import NavBar from './components/NavBar.vue';
import Footer from './components/Footer.vue';

if (import.meta.client) {
  initAMapApiLoader({
    key: '212b86dc49a5116a34e945d31da7ad14',
    securityJsCode: '46cae8205a707cfaf5801abcc4301566',
  });
}

onMounted(() => {
  if (import.meta.server)
    return;
});
</script>

<style>
@import "./assets/scss/main.scss"; 
@import "vue3-carousel/carousel.css";
@import "@vuemap/vue-amap/dist/style.css";
@import "@imengyu/vue-scroll-rect/lib/vue-scroll-rect.css";
</style>