<script setup lang="ts">
import { NConfigProvider, NMessageProvider } from 'naive-ui';
import type { GlobalThemeOverrides } from 'naive-ui';

const themeOverrides: GlobalThemeOverrides = {
  common: {
    primaryColor: '#2A68FF',
  },
  Menu: {
    itemTextColorHorizontal: '#161616',
    itemTextColorHoverHorizontal: '#2A68FF',
    itemTextColor: '#161616',
    itemColorHover: 'rgba(42, 104, 255, 0.1)',
    itemTextColorHover: '#2A68FF',
  },
  Pagination: {
    itemColorActiveHover: '#0092FF',
    itemColorActive: '0092FF',
    itemColor: "#f7f7f7",
    itemTextColorActive: '#fff',
    itemTextColorHover: '#fff',
    itemColorHover: '#0092FF',
  }
}
</script>

<template>
  <NConfigProvider :theme-overrides="themeOverrides">
    <NMessageProvider>
      <NuxtLayout>
        <NuxtLoadingIndicator :height="4"/>
        <NuxtPage />
      </NuxtLayout>
    </NMessageProvider>
  </NConfigProvider>
</template>
