.status === "pending") {
        return html`<div>Loading...</div>`;
      }

      if (this.products.status === "error") {
        return html`<div>Error: ${this.products.errorDetails.message}</div>`;
      }

      if (this.products && this.products.data) {
        return html`
          <ul>
            ${this.products.data.map(product => html`<li>
              ${product.name} - ${(product.price / 100).toFixed(2)}
              <button @click=${() => CartStore.dispatch('add', product)} ?disabled=${this.