如何通过AnimatableExtend注解实现一个可以放缩动画的效果？

@Component
export struct AnimatFontSizeComponent {
  @State fontSize: number = 20
  build() {
    Column() {
      Text("文字尺寸动画")
        .animatFontSize(this.fontSize)
        .animation({ duration: 1000, curve: Curve.Ease })
      Button("开始")
        .onClick(() => {
          this.fontSize = this.fontSize == 20 ? 36 : 20
        })
    }.width("100%")
    .padding(10)
  }
}

@AnimatableExtend(Text)
function animatFontSize(size: number) {
  .fontSize(size)
}