<script lang="ts" setup>
import { darkTheme } from 'naive-ui'
</script>
<template>
  <div>
    <NuxtPwaManifest />
    <n-loading-bar-provider>
      <n-config-provider :theme="$colorMode.value === 'dark' ? darkTheme : null">
    <NuxtLayout>
      <NuxtPage />
    </NuxtLayout>
      </n-config-provider>
    </n-loading-bar-provider>
  </div>
</template>

<style lang="scss">
@import "base";

:root {
  --primary-color: $primary-color
}

</style>
