naive-ui/demo/util-composables.js

import { toRef, inject } from 'vue'

export function useSiteDisplayMode () {
  return toRef(inject('SiteProvider'), 'displayMode')
}

export function useSiteTheme () {
  return toRef(inject('SiteProvider'), 'theme')
}

export function useSiteLang () {
  return toRef(inject('SiteProvider'), 'lang')
}

export const i18n = function (data) {
  const configProvider = inject('NConfigProvider', null)
  return {
    locale: toRef(configProvider, 'mergedLanguage'),
    t (key) {
      const { mergedLanguage } = configProvider
      return data[mergedLanguage][key]
    }
  }
}