35 lines
868 B
TypeScript
35 lines
868 B
TypeScript
|
'use client'
|
||
|
|
|
||
|
|
import { createContext, useContext, useState, ReactNode } from 'react'
|
||
|
|
import translations from './translations.json'
|
||
|
|
|
||
|
|
type Language = 'en' | 'zh'
|
||
|
|
|
||
|
|
interface LanguageContextType {
|
||
|
|
lang: Language
|
||
|
|
setLang: (lang: Language) => void
|
||
|
|
t: typeof translations.en
|
||
|
|
}
|
||
|
|
|
||
|
|
const LanguageContext = createContext<LanguageContextType | undefined>(undefined)
|
||
|
|
|
||
|
|
export function LanguageProvider({ children }: { children: ReactNode }) {
|
||
|
|
const [lang, setLang] = useState<Language>('en')
|
||
|
|
|
||
|
|
const t = lang === 'zh' ? translations.zh : translations.en
|
||
|
|
|
||
|
|
return (
|
||
|
|
<LanguageContext.Provider value={{ lang, setLang, t }}>
|
||
|
|
{children}
|
||
|
|
</LanguageContext.Provider>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export function useLanguage() {
|
||
|
|
const context = useContext(LanguageContext)
|
||
|
|
if (!context) {
|
||
|
|
throw new Error('useLanguage must be used within LanguageProvider')
|
||
|
|
}
|
||
|
|
return context
|
||
|
|
}
|