import * as i18n from '@solid-primitives/i18n'
import { makePersisted } from '@solid-primitives/storage'
import { createMemo, createSignal } from 'solid-js'
import { LANG } from '~/constants'
import dict from './dict'

export const [curLocale, setCurLocale] = makePersisted(
  createSignal<LANG>(
    Reflect.has(dict, navigator.language)
      ? (navigator.language as LANG)
      : LANG.EN,
  ),
  {
    name: 'lang',
    storage: localStorage,
  },
)

const locale = (localeName?: LANG) =>
  localeName ? setCurLocale(localeName) : curLocale()

export const useI18n = () => {
  const curDict = createMemo(() => i18n.flatten(dict[curLocale()]))!
  const t = createMemo(() => i18n.translator(() => curDict()))

  return { t: t(), locale }
}