export class WorldPosts extends LitElement {
  posts: Post[] = [];

  private _apiTask = new Task(this, {
    task: async () => {
      console.log('demo time');
      return [
        {
          message: 'hello',
        },
      ];
    },
     // this will autorun, but not run automatically on any subsequent updates since it tracks no args
    args: () => [],
  });

  render() {
    return html`
      ${this._apiTask.render({
        complete: (posts: Post[]) => {
          const list = posts.map(post => html`<li>${post.message}</li>`);

          return html`<ul>
            ${list}
          </ul>`;
        },
        error: console.error,
      })}
    `;
  }
}