<script setup>
import { ref } from "vue";

import { useI18n } from "vue-i18n";
import { NConfigProvider, NDropdown } from "naive-ui";
const { locale } = useI18n();
const primaryColor = ref("#ff7bac");
const themeOverrides = ref({
  common: {
    primaryColorPressed: primaryColor,
    primaryHover: primaryColor,
    primaryDefault: primaryColor,
    primaryActive: primaryColor,
    primarySuppl: primaryColor,
    primaryColor: primaryColor,
    primaryColorHover: primaryColor,
  },
});
</script>

<template>
  <n-config-provider :theme-overrides="themeOverrides">
    <router-view />
  </n-config-provider>
</template>

<style>
.lang-text {
  padding: 5px 10px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
</style>
