2021-01-13 12:01:02 +08:00
|
|
|
import { toRef, inject, provide, reactive, watchEffect } from 'vue'
|
2021-04-05 17:59:04 +08:00
|
|
|
import { useBreakpoint, useMemo } from 'vooks'
|
|
|
|
|
|
|
|
export function useIsMobile () {
|
|
|
|
const breakpointRef = useBreakpoint()
|
|
|
|
return useMemo(() => {
|
|
|
|
return breakpointRef.value === 'xs'
|
|
|
|
})
|
|
|
|
}
|
2021-01-13 12:01:02 +08:00
|
|
|
|
|
|
|
export const i18n = function (data) {
|
|
|
|
const localeReactive = inject('i18n', null)
|
|
|
|
return {
|
|
|
|
locale: toRef(localeReactive, 'locale'),
|
|
|
|
t (key) {
|
|
|
|
const { locale } = localeReactive
|
|
|
|
return data[locale][key]
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
i18n.provide = function (localeRef) {
|
|
|
|
const localeReactive = reactive({})
|
|
|
|
watchEffect(() => {
|
|
|
|
localeReactive.locale = localeRef.value
|
|
|
|
})
|
|
|
|
provide('i18n', localeReactive)
|
|
|
|
}
|