omi

Fix type error when:

export interface YourProps {
}

@tag('your-component')
class YourComponent extends WeElement<YourProps> {
  render(props: YourProps) {
    
  }
}

const markup = '<h3>Some HTML to render.</h3>'

@tag('my-element')
class extends WeElement {
  render() {
    return <div unsafeHTML={markup}></div>
  }
}

render(<my-element />, 'body')

→ Detail

define('parent-el', class extends WeElement {

  provide = {
    name: 'omi'
  }

  render() {
    return <child-el></child-el>
  }
})

//Not just children, can be injected into all descendant elements
define('child-el', class extends WeElement {

  inject = ['name']

  render() {
    //output: <div>omi</div>
    return <div>{this.injection.name}</div>
  }
})

 <o-line ignoreAttrs={true} data={this.chartData} options={this.chartOptions}></o-line>

import { define, render, WeElement } from 'omi'

define('o-button', class extends WeElement {
  render() {
    return (
      <button {...this.props}><slot></slot></button>
    )
  }
})

define('my-app', class extends WeElement {
  render() {
    return (
      <o-button _onclick={evt => {
        //onclick trigger twice, _onclick trigger once
        console.log(1)
      }}>button</o-button>
    )
  }
})


render(<my-app />, 'body')

render(<my-app></my-app>, '#root', {
  ignoreAttrs: true
})