<template>
  <n-config-provider :locale="zhCN">
    <!-- <AppHeader /> -->
    <NuxtPage />
    <!-- <AppFooter /> -->
  </n-config-provider>
</template>

<script lang="ts" setup>
import { NConfigProvider } from 'naive-ui'
import { zhCN, dateZhCN } from 'naive-ui'
import $api from '@/service/webRequest'
import { useStore } from '~/store'
import { useI18n } from 'vue-i18n'
const { locale } = useI18n()
useSeoMeta({
  title: '中国共产主义青年团洛阳市委员会',
  ogTitle: '中国共产主义青年团洛阳市委员会',
  description: '中国共产主义青年团洛阳市委员会',
  ogDescription: '中国共产主义青年团洛阳市委员会',
  ogImage: 'https://example.com/image.png',
  twitterCard: 'summary_large_image',
})
const store = useStore();
onMounted(() => {
})

</script>

<style lang="scss">
#__nuxt {
  height: 100%;
  width: 100%;
}

html,
body {
  scroll-behavior: smooth;
  position: relative;
  height: 100%;
}

body {
  background: #eee;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background: linear-gradient(90deg, #434343, #434343 1px, #111 0, #111);
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #434343, #111);
  border-radius: 6px;
  box-shadow: inset 2px 2px 2px rgba(255, 255, 255, 0.25),
    inset -2px -2px 2px rgba(0, 0, 0, 0.25);
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #e52e71, #ff8a00);
}


</style>
