<template>
  <div class="container">
    <h1 class="mb-4">Member Area</h1>
    <ul class="list-disc">
      <li>Username: {{ userData.username }}</li>
      <li>Name: {{ userData.name }}</li>
      <li>Is sso: {{ userData.is_sso }}</li>
      <li>Created at: {{ userData.created_at }}</li>
    </ul>
  </div>
</template>

<script setup>
// The Lucia project.
// Copyright 2023-2026 DSP, inc.  All rights reserved.
// Authors:
//   chiayin.kuo@dsp.im (chiayin), 2023/1/31
//   cindy.chang@dsp.im (Cindy Chang), 2024/5/30
//   imacat.yang@dsp.im (imacat), 2023/9/23
/**
 * @module views/MemberArea Member area page displaying the
 *   logged-in user's profile information.
 */

import { onMounted } from "vue";
import { storeToRefs } from "pinia";
import { useLoginStore } from "@/stores/login";

const store = useLoginStore();
const { userData } = storeToRefs(store);

onMounted(() => {
  store.getUserData();
});
</script>
