是否有将jsViews/jsRender与web组件一起用作模板引擎的用例？

<!-- 定义 Web 组件模板 -->
<template id="my-list-template">
  <ul>
    {^{for items}}
      <li>{{>name}}</li>
    {{/for}}
  </ul>
</template>

<script type="text/x-jsrender" id="my-list-render">
  {^{for items}}
    <li>{{>name}}</li>
  {{/for}}
</script>

<script>
  // 定义自定义元素
  class MyList extends HTMLElement {
    constructor() {
      super();
      const shadow = this.attachShadow({ mode: 'open' });
      const template = document.getElementById('my-list-template');
      const content = template.content.cloneNode(true);
      shadow.appendChild(content);

      // 使用 jsViews 渲染模板
      const data = JSON.parse(this.getAttribute('data'));
      this.render(data);
    }

    render(data) {
      const render = jsViews.getRender('my-list-render');
      const html = render(data);
      this.shadowRoot.querySelector('ul').innerHTML = html;
    }
  }

  // 注册自定义元素
  customElements.define('my-list', MyList);
</script>

<!-- 使用自定义元素 -->
<my-list data='[{"name": "Item 1"}, {"name": "Item 2"}, {"name": "Item 3"}]'></my-list>