How can I update the inner content of an Element using trait manager?

[itsemon245]

I was wondering how to update the innerContent of a link component or a tag in grapes js using the trait manager

For example:
Change this text
Change this label

[artf]

You can create a trait with custom logic

traits: [
 {
   name: 'custom-trait-update-html',
   getValue: ({ component }) => {
      // The value is the inner HTML content
     return component.getInnerHTML();
   },
   setValue: ({ component, value }) => {
     // Update the inner HTML with a new value
     component.components(value);
   }
 }
]