guide/international/

[giscus[bot]]

guide/international/

目录 要使用内置的 i18n (国际化) 功能，需要创建类似于下面的目录结构： 重要 在不同的语言目录下，请尽量保持文件名和目录名的一致。这有助于在 切换语言时，主题能够正确的导航到 文章 的不同的语言版本。 vuepress 配置 在 .vuepress/config.js 中配置： 主题配置 在本主题中，同样使用 locales 配置项进行多语言配...

https://theme-plume.vuejs.press/guide/international/

[MrHaoH]

大佬，请教个问题，我如果想配置自定义组件中的多语言的话，之前都是用el-plus中的 el-config-provider 组件，“

[MrHaoH]

用主题的话，怎么实现？感谢大佬的回复

[pengzhanbo]

这可能会比较麻烦，vuePress 和 主题都没有使用如 vue-i18n 之类的包。主题内部是先定义一个 const locales = { '/': {}, '/zh/': {} } 的对象保存多语言数据，然后通过 vuepress/client 导出的 useRouteLocale 获取当前页面的多语言根链接，比如 / 或 /zh/ 等，再从 locales 上获取对应的数据。

[MrHaoH]

哦哦，好的，感谢大佬的回复

[MrHaoH]

大佬，我怎么添加一种语言呢，好比繁体中文，我在.vuepress/config.ts文件中，defineUserConfig.locales中添加了
'/zh-TW/': {
title: '',
lang: 'zh-TW',
description: '',
...zh_tw
}
但是报错了，这是为啥

[MrHaoH]

哦哦，我好像知道了，必须得在zh-TW文件夹下面创建ReadME文件是吧，我去试试

[MrHaoH]

大佬，我找了半天了，没找出来，跪求大佬帮助
为什么我生成的docs.vuepress.temp\internal\themePlumeData.js文件中的export const themeData = {
"locales": {
"/tw/": {
"selectLanguageName": "English",}}}中的selectLanguageName字段的值不对，在哪里改？

[MrHaoH]

大佬，这个问题我找到了，解决了，需要在plume.config.ts中手动设置selectLanguageName字段

[MrHaoH]

大佬，但现在又有个新问题，我看你源码中这样写的
import { useData, useSidebar } from '../../composables/index.js'

const { theme, site } = useData()
用theme, site来显示对应的多语言，我也用这种方式试了试，这是我的代码
import { useData } from 'vuepress-theme-plume/lib/client/composables/index.js'

const { theme, site } = useData()

但是报错：
17:59:01 [vite] Internal server error: Missing "./lib/client/composables/index.js" specifier in "vuepress-theme-plume" package
Plugin: vite:import-analysis
File: F:/lisinuo/pro-pinko/docs/.vuepress/components/nav-serve.vue
at e (file:///F:/lisinuo/pro-pinko/node_modules/vite/dist/node/chunks/dep-DG6Lorbi.js:45978:25)
at n (file:///F:/lisinuo/pro-pinko/node_modules/vite/dist/node/chunks/dep-DG6Lorbi.js:45978:627)
at o (file:///F:/lisinuo/pro-pinko/node_modules/vite/dist/node/chunks/dep-DG6Lorbi.js:45978:1297)
at resolveExportsOrImports (file:///F:/lisinuo/pro-pinko/node_modules/vite/dist/node/chunks/dep-DG6Lorbi.js:46599:18)
at resolveDeepImport (file:///F:/lisinuo/pro-pinko/node_modules/vite/dist/node/chunks/dep-DG6Lorbi.js:46622:25)
at tryNodeResolve (file:///F:/lisinuo/pro-pinko/node_modules/vite/dist/node/chunks/dep-DG6Lorbi.js:46387:16)
at ResolveIdContext.resolveId (file:///F:/lisinuo/pro-pinko/node_modules/vite/dist/node/chunks/dep-DG6Lorbi.js:46137:19)
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
at async PluginContainer.resolveId (file:///F:/lisinuo/pro-pinko/node_modules/vite/dist/node/chunks/dep-DG6Lorbi.js:48951:22)
at async TransformPluginContext.resolve (file:///F:/lisinuo/pro-pinko/node_modules/vite/dist/node/chunks/dep-DG6Lorbi.js:49112:15)
跪求大佬回复

[pengzhanbo]

引入主题内部的 composables 的方式是：

import { useData } from 'vuepress-theme-plume/composables'

https://theme-plume.vuejs.press/guide/api/client/#%E7%BB%84%E5%90%88%E5%BC%8F-api