1.0.2 • Published 5 months ago
alpinejs-webcomponent v1.0.2
Web Components addapter for Apine.js
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs-webcomponent@1.0.1/dist/component.min.js"></script>
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.13.3/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>