<template>
  <NConfigProvider :theme="ui.effectiveDark ? darkTheme : null">
    <NMessageProvider>
      <NDialogProvider>
        <RouterView />
      </NDialogProvider>
    </NMessageProvider>
  </NConfigProvider>
</template>

<script setup lang="ts">
import { NConfigProvider, NMessageProvider, NDialogProvider, darkTheme } from 'naive-ui'
import { useUIStore } from '@/stores/ui'
const ui = useUIStore()
</script>
