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

Question

感谢您的阅读。

我是聚合物/lit-element，lit-html 的新手。 我已经开始与PWA入门套件。 而在我吃惊的是它不使用聚合物的元素，但点燃元素。

没有成功。

使用mixinBehaviors与PageViewElement似乎打破。

mixinBehaviors([AppLocalizeBehavior], PageViewElement)

最终的类型的误差：

TypeError: this.constructor._classProperties is undefined

在同一时间，我在那里看到已经开始蓬勃发展就像几个库：

https://github.com/andreasbm/lit-translate

或者：

https://github.com/hamedasemi/lit-element-i18n

所以，我必须承认我现在失去的东西，我应该怎么办做国际化或本土化与亮元素和亮-HTML。

有没有推荐的图书馆，我错过了一个关于什么是官方推荐的方式交？

谢谢你在前进，并有一个可爱的一天。

Answer 1

我不认为有一个官方的解决方案，并且lit-element仍然是年轻人在用户中看到了共识，所以有很多解决方案，每个人都在尝试它。

就我而言，我已经测试过（不是在生产中，只在小方面项目上）你引用的lit-translate，并且https://vaadin.com/directory/component/t2ymi18n-element

两者似乎都很好用。 第二个是由一个认真的团队维护并遵循其组成部分。 我之前和他们的一些人合作过，从来没有遇到任何重要的问题。 我不知道是谁维护第一个，但它似乎是问题和定期更新的答案，所以它们似乎也很严重。

我想你可以尝试一下看起来更容易使用的那个，并且毫不犹豫地来添加对它们的反馈，它将服务于每个人:)

Answer 2

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