feat: props blueprint - Githubissues

🎉 New way to define and initialize props on WebComponent.io as of v2.0.0-beta.6

This should ease the friction in defining properties with kebab-case strings and switching to camelCase when working with the values. Also, needing to initialize the values inside the onInit hook is unnecessary now.

export class Counter extends WebComponent {
  static props = {
    count: 123,
  };
  onInit() {
    this.onclick = () => ++this.props.count;
  }
  get template() {
    return `<button id="btn">${this.props.count}</button>`;
  }
}

ayoayco / web-component-base

feat: props blueprint #8