typescript - 组合/重复使用模板装饰器

Question

一段时间以来，我试图弄清楚如何重用 Stencil Decorators。在我们公司，我们有一大堆组件都使用翻译。我们 Web 组件的用户应该能够将翻译对象作为属性传递。我们使用 @Prop 装饰器接收该属性：

@Component({
   tag: "component",
})
export class Component {
   private translationService: TranslationService;

   @Prop() public translations: PersonaListTranslations;

   @Watch("translations")
   watchTranslationsHandler(newTranslations: PersonaListTranslations) {
      this.translationService.updateTranslations(newTranslations);
   }

   public render() {
      return (...)
   }
}

如前所述，我们有一个相当大的组件列表，它们一遍又一遍地需要完全相同的代码：translationService、@Prop 和 @Watch 用于该道具。

有没有办法收集该代码，将其放在其他地方并在所有组件中重复使用相同的代码？

提前致谢！