Web Components addapter for Apine.js

  <script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/component.min.js"></script>
  <script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script>
  <div>
    <template x-data x-for="a in [1,2,3,4]">
      <x-c></x-c>
    </template>
  </div>
  
  <div>
    <template x-if="true" x-data="{ a: 1 }">
      <x-c>test</x-c>
    </template>
  </div>
  
  <div x-data="{ item: 1 }">
    <x-c x-data="{ a: item }"></x-c>
  </div>
  
  <template x-webcomponent="x-c">
    <span x-text="a">e</span>
    <slot x-init="console.info($el.assignedNodes()[0])"></slot>
  </template>