attempting to resurrect full beans
This commit is contained in:
parent
bceee7ecf1
commit
a961f387d6
9 changed files with 170 additions and 65 deletions
|
|
@ -1,11 +1,11 @@
|
|||
// components/page-home.js
|
||||
import { LitElement, html, css } from 'lit'
|
||||
import { store } from '../store/index.js'
|
||||
import { StoreController } from "../controllers/store-controller.js";
|
||||
|
||||
class PageHome extends LitElement {
|
||||
static properties = {
|
||||
user: { type: Object },
|
||||
items: { type: Array }
|
||||
}
|
||||
#user = new StoreController(this, store, s => s.user)
|
||||
#items = new StoreController(this, store, s => s.items)
|
||||
|
||||
static styles = css`
|
||||
:host { display: block; padding: 2rem 1.5rem; }
|
||||
|
|
@ -25,8 +25,8 @@ class PageHome extends LitElement {
|
|||
`
|
||||
|
||||
render() {
|
||||
const name = this.user?.name ?? 'there'
|
||||
const count = this.items?.length ?? 0
|
||||
const name = this.#user.value?.name ?? 'there'
|
||||
const count = this.#items.value.length
|
||||
|
||||
return html`
|
||||
<h1>Hey, ${name}</h1>
|
||||
|
|
@ -41,4 +41,4 @@ class PageHome extends LitElement {
|
|||
}
|
||||
}
|
||||
|
||||
customElements.define('page-home', PageHome)
|
||||
customElements.define('page-home', PageHome)
|
||||
Loading…
Add table
Add a link
Reference in a new issue