使用lit-element/lit-html进行国际化和本地化的最佳实践

Question

谢谢您的阅读。

我是一个新手，正在学习 polymer/lit-element,lit-html。我开始使用 PWA starter kit. 但令我惊讶的是它不使用 polymer 元素，而是 lit-elements。

我尝试应用https://polymer-library.polymer-project.org/3.0/docs/apps/localize中提供的默认 app-localize-behaviour，但没有成功。

在 PageViewElement 中使用 mixinBehaviors 似乎会出问题。

mixinBehaviors([AppLocalizeBehavior], PageViewElement) 

最终出现了类型错误：

TypeError: this.constructor._classProperties is undefined

我看到同时出现了几个新兴的库，例如：https://github.com/andreasbm/lit-translate 和 https://github.com/hamedasemi/lit-element-i18n。所以，我必须承认我现在迷失了方向，应该如何使用 lit-element 和 lit-html 进行国际化或本地化。

是否有任何推荐的库？我错过了关于官方推荐方式的文章吗？

提前感谢您，并祝您拥有愉快的一天。

- Guillaume Lastecoueres

Answer 1

我认为目前还没有官方解决方案，并且lit-element还太年轻了，尚未在用户中形成共识，因此有许多解决方案，每个解决方案都在尝试自己的东西。

就我而言，我已经测试过（仅在小型项目上，而不是在生产中）您提到的lit-translate和https://vaadin.com/directory/component/t2ymi18n-element

两者似乎都运行良好。第二个由严肃的团队维护并跟踪其组件。我以前曾和他们的一些组件一起使用过，从未遇到任何重要问题。我不知道谁在维护第一个，但它似乎对问题有答案，并进行定期更新，因此他们似乎也很认真。

我认为你可以选择看起来更易于使用的一种来尝试，并随时添加反馈意见，这将对所有人都有用 :)

- Arfost

Answer 2

谷歌发布了官方解决方案，随着Lit 2.0的发布，可在npm上使用@lit/localize。这是文档：https://lit.dev/docs/libraries/localization/

- Neil VanLandingham