<template>
  <AppHeader />
  <NuxtPage />
  <AppFooter/>
</template>

<script lang="ts" setup>
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>

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