import { ref, computed } from 'vue';
import { defineStore } from 'pinia';
import { darkTheme, lightTheme } from 'naive-ui';

export const useThemeStore = defineStore(
  'ndm-theme-store',
  () => {
    const darkThemeEnabled = ref(true);
    const themeMode = computed(() => {
      return darkThemeEnabled.value ? darkTheme : lightTheme;
    });

    return {
      darkThemeEnabled,
      themeMode,
    };
  },
  {
    persist: true,
  },
);