ssr-data.html

<link rel="import" href="template-component.html">
<script>
class SsrData extends TemplateComponent {
  constructor () {
    super(SsrData.is);
  }
  
  static get is () {
    return 'ssr-data';
  }
  
  getState () {
    return JSON.parse(this.innerHTML.trim());
  }
}

window.customElements.define(SsrData.is, SsrData);
</script>
<template>
  <style>
  /* This is scoped!  */
  p {
    color: red;
    font-style: italic;
  }
  </style>
  <p>I am ${this.name}</p>
</template>