Function offlineIndicator

Create offline indicator Alpine.js component.

Usage in HTML:

<div x-data="offlineIndicator">
  <span x-show="!isOnline" class="tag is-warning">Offline</span>
  <span x-show="isOnline && summary?.totalTexts > 0"
        x-text="summary?.totalTexts + ' texts available offline'"></span>
</div>
Copy