chore: demo 预览多语言支持函数调用

src/sites/assets/locale/index.ts

@@ -12,12 +12,14 @@ interface LanguagesPackage<A = {}> {
 
 export const useTranslate = <T>(languagesPackage: LanguagesPackage<T>) => {
   const [locale] = useLocale()
-  const [translated, setLanguagesPackage] = useState<BaseLang & T>({} as any)
-  useEffect(() => {
-    if (languagesPackage) {
-      // @ts-ignore
-      setLanguagesPackage(languagesPackage[locale || 'zh-CN'] || {})
-    }
-  }, [])
+  const [translated, setLanguagesPackage] = useState<BaseLang & T>(
+    languagesPackage[locale || 'zh-CN'] as any
+  )
+  // useEffect(() => {
+  //   if (languagesPackage) {
+  //     // @ts-ignore
+  //     setLanguagesPackage(languagesPackage[locale || 'zh-CN'] || {})
+  //   }
+  // }, [])
   return [translated]
 }

src/sites/assets/locale/uselocale.ts

@@ -11,8 +11,8 @@ export const getLocale = () => {
   return locale
 }
 
-const useLocale = () => {
-  const [locale, setLocale] = useState(getLocale())
+const useLocale = (): [string, any] => {
+  const [locale, setLocale] = useState<string>(getLocale())
   const handlePopState = () => {
     setLocale(getLocale())
   }