// src/components/app-home/app-home.tsx
import { Component, Element, Prop, State, Watch } from '@stencil/core'
import { Store } from '@stencil/redux'
@Component({
tag: 'app-home'
})
export class AppHome {
@Element() el: HTMLElement
@Prop({ context: 'store' }) store: Store
@State() books: Array<any>
@Watch('books')
updateList() {
this.el.querySelector('books-list').books = this.books
}
componentDidLoad() {
const { mapStateToProps } = this.store
mapStateToProps(this, state => {
return {
books: state.books.items
}
})
}
render() {
// ...
}
}