joist-property-example.ts

import { component, State, JoistElement, property, get, PropChange } from '@joist/component';

@component({
  tagName: 'app-root',
  state: ''
})
class AppElement extends JoistElement {
  @get(State)
  private state!: State<string>;

  @property()
  public greeting = '';
  
  @property()
  public name = '';

  onPropChanges(changes: PropChange[]) {
    const keys = changes.map((change) => change.key);

    if (keys.includes('greeting')) {
      this.state.setValue(this.greeting);
    }
  }
}