bun add @iconical/presencekit

<script setup lang="ts">
import { usePresence } from "@iconical/presencekit/vue";

const { data, loading, error, refresh } = usePresence({
  userId: "123456789012345678",
  transport: "auto",
});
</script>

<template>
  <p v-if="loading">Connecting…</p>
  <button v-else-if="error" @click="refresh">Retry</button>
  <div v-else-if="data">
    <strong>{{ data.profile.displayName }}</strong>
    <p>{{ data.presence?.status ?? "Pending" }}</p>
  </div>
</template>