valaxy-theme-yun 0.25.1 → 0.25.2

package/components/YunBanner.vue

@@ -17,7 +17,7 @@ const themeConfig = useThemeConfig()
 
 // height of top/bottom line
 
-const { totalCharHeight, chars } = useYunBanner(themeConfig.value.banner)
+const { totalCharHeight, chars, bannerTitle } = useYunBanner(themeConfig.value.banner)
 
 const bannerStyles = computed<CSSProperties>(() => {
   const styles: CSSProperties = {
@@ -64,13 +64,13 @@ onMounted(async () => {
     <template v-if="yun.isNimbo">
       <YunBannerCharContainer
         v-if="animationStatus === 'banner'"
-        :title="themeConfig.banner.title"
+        :title="bannerTitle"
         :chars="chars"
       />
     </template>
     <template v-if="yun.isStrato">
       <YunBannerCharContainer
-        :title="themeConfig.banner.title"
+        :title="bannerTitle"
         :chars="chars"
       />
     </template>

package/composables/useYunBanner.ts

@@ -1,11 +1,19 @@
 import type { YunTheme } from '../types'
-import { random } from 'valaxy'
+import { random, useValaxyI18n } from 'valaxy'
 import { computed } from 'vue'
 
 export function useYunBanner(options: YunTheme.Banner) {
+  const { $tO } = useValaxyI18n()
+
+  const bannerTitle = computed(() => {
+    if (Array.isArray(options.title)) {
+      return options.title
+    }
+    return $tO<string | string[]>(options.title)
+  })
   const chars = computed(() => {
     const arr = []
-    for (let i = 0; i < options.title.length; i++) {
+    for (let i = 0; i < bannerTitle.value.length; i++) {
       const rn = random(1.5, 3.5)
       arr.push(rn)
     }
@@ -15,6 +23,7 @@ export function useYunBanner(options: YunTheme.Banner) {
   const totalCharHeight = computed(() => chars.value.reduce((a, b) => a + b, 0))
 
   return {
+    bannerTitle,
     chars,
     totalCharHeight,
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "valaxy-theme-yun",
   "type": "module",
-  "version": "0.25.1",
+  "version": "0.25.2",
   "author": {
     "email": "me@yunyoujun.cn",
     "name": "YunYouJun",
@@ -32,7 +32,7 @@
   },
   "devDependencies": {
     "@types/animejs": "^3.1.13",
-    "valaxy": "0.25.1",
+    "valaxy": "0.25.2",
     "valaxy-addon-waline": "0.2.1"
   },
   "scripts": {

package/types/index.d.ts

@@ -12,8 +12,11 @@ export namespace YunTheme {
     /**
      * @en Banner title
      * @zh 标题，默认每个字分割，你也可以通过数组的方式来自定义分割，如 ['Hello', 'World']
+     *
+     * i18n: { 'en': 'Title', 'zh-CN': '标题' }
+     * { en: ['Hello', 'World'], 'zh-CN': ['你好', '世界'] }
      */
-    title: string | string[]
+    title: string | string[] | Record<string, string | string[]>
 
     /**
      * 首页下方的动态云