NuxtJS-i18n-用当前语言环境初始化插件(vue-fb客户聊天)

Question

我已经在我的NuxtJS网站上成功安装了vue-fb-customer-chat插件，聊天工作正常。

这是一个多语言网站，我需要能够用正确的语言(nuxt-i18n模块中的当前语言环境(加载聊天。如果聊天在网站内切换语言后不更改语言，这是可以的，但我希望至少在加载页面时使用正确的语言。

以下是plugins/vue-fb-customer-chat.js文件的内容：

import Vue from 'vue'
import VueFbCustomerChat from 'vue-fb-customer-chat'
Vue.use(VueFbCustomerChat, {
page_id: null, //  change 'null' to your Facebook Page ID,
theme_color: '#845e5c', // theme color in HEX
locale: 'fr_FR', // default 'en_US'
})

以下工作均未完成：

context.app.i18n.locale
this.$i18n.locale
$i18n.locale

解决这个问题的方法是什么？

提前感谢您的帮助。

Answer 1

我的同事回答了我的问题。

import Vue from 'vue'
import VueFbCustomerChat from 'vue-fb-customer-chat'
export default function (context) {
const locale = context.app.i18n.locale;
const iso = context.app.i18n.locales.find(l => l.code === locale).iso;
Vue.use(VueFbCustomerChat, {
page_id: null, //  change 'null' to your Facebook Page ID,
theme_color: '#845e5c', // theme color in HEX
locale: iso.replace('-', '_'), // default 'en_US'
})
}