bun add @iconical/presencekit

<script lang="ts">
  import { createPresenceStore } from "@iconical/presencekit/svelte";

  const presence = createPresenceStore({
    userId: "123456789012345678",
    transport: "auto",
  });
</script>

{#if $presence.loading}
  <p>Connecting…</p>
{:else if $presence.error}
  <p>Presence unavailable.</p>
{:else if $presence.data}
  <p>{$presence.data.profile.displayName}: {$presence.data.presence?.status ?? "Pending"}</p>
{/if}

import {
  createPresencesStore,
  createConnectionDiagnosticsStore,
} from "@iconical/presencekit/svelte";

const roster = createPresencesStore({
  userIds: ["123456789012345678", "234567890123456789"],
});
const connection = createConnectionDiagnosticsStore();