 <theme-provider .value=${theme === 'spooky' ? 'light' : 'spooky'}>
                    <my-child></my-child>
                  </theme-provider>
                </li>
              </ul>
            </theme-provider>
          </li>
        </ul>
    `;
  }

  customElements.define('my-app', component(App));
</script>