hello-world.html

<link rel="import" href="template-component.html">
<script>
  class HomePage extends TemplateComponent {
    constructor() {
      super(HomePage.is);
    }

    static get is() {
      return 'hello-world';
    }

    async getState() {
      return await fetch('https://api.saoirse.audio/track/tidal/66522953')
        .then(res => res.json());
    }
  }

  window.customElements.define(HomePage.is, HomePage);
</script>
<template>
  <style>
    /* This is scoped!  */
    
    p {
      color: blue;
      font-weight: bold;
    }
  </style>
  <h1>Welcome!</h1>
  <p>Awesome song is ${this.tidal_id}</p>
</template>