Enhance SSR Playground

const html = createHtmlRenderer({
    initialState: {
      name: 'Axol',
    },
    elements: {
      'hello-world': function ({ html, state }) {
        const { attrs, store } = state
        const { name = 'you' } = store
        const { greeting = 'Hello' } = attrs

        return html`
          <style>
            :host {
              display: block;
              font-family: Comic Sans MS;
            }
            h2 {
              color: red;
            }
          </style>

          <h2>${greeting}, ${name}.</h2>
        `
      },
    },
  })

  const result = html`<hello-world greeting="Hi"></hello-world>`