<script setup lang="ts">
import { useSessionStore } from "../stores/session";
const storeSession = useSessionStore();

// Try connecting to an existing session
storeSession.connect();
</script>

<template>
  <div v-if="!storeSession.isConnected">
    <button @click="storeSession.loginAsRyan()">Connect</button>
  </div>
  <div class="authnav-connected" v-if="storeSession.isConnected">
    Connected as {{ storeSession.session.userId }}.
  </div>
</template>
