🌡️ feat: support i18n interpolate string

src/hooks/useLocale.ts

@@ -1,17 +1,21 @@
 import { useCallback } from 'react'
 import { useRouter } from 'nextra/hooks'
 
-import type { AllLocales, I18nLangKeys, LocaleKeys } from '@/i18n'
-import { getNestedValue, i18nConfig } from '@/i18n'
+import type { I18nLangKeys, LocaleKeys } from '@/i18n'
+import { getNestedValue, i18nConfig, interpolateString } from '@/i18n'
 
 
 export const useLocale = () => {
   const { locale, defaultLocale } = useRouter()
   const currentLocale = (locale || defaultLocale) as I18nLangKeys
 
   const t = useCallback(
-    <K extends LocaleKeys>(key: K) => {
-      return getNestedValue(i18nConfig[currentLocale], key)
+    <K extends LocaleKeys>(key: K, withData: Record<string, any> = {}): string => {
+      const template = getNestedValue(i18nConfig[currentLocale], key)
+      if (typeof template === 'string') {
+        return interpolateString(template, withData)
+      }
+      return template || key
     },
     [currentLocale],
   )

src/i18n/index.ts

@@ -29,6 +29,15 @@ export type NestedKeyOf<ObjectType extends object> = {
 export type LocaleKeys = NestedKeyOf<AllLocales>
 
 
+// 获取嵌套值
 export function getNestedValue(obj: Record<string, any>, path: string): any {
   return path.split('.').reduce((acc, key) => acc && acc[key], obj)
 }
+
+// 插入值表达式
+export function interpolateString(template: string, context: Record<string, any>): string {
+  return template.replace(/\{\{(\w+(\.\w+)*)\}\}/g, (_, path) => {
+    const value = getNestedValue(context, path)
+    return value !== undefined ? value : `{{${path}}}`
+  })
+}