List Files | Just Commands | Repo | Logs

← back | Copy

<template>
  <div>
    <h3>Most Recent Session</h3>
    <pre>{{ recent }}</pre>
    <h3>All Sessions</h3>
    <pre>{{ sessions }}</pre>
  </div>
</template>

<script setup lang="ts">
import { onMounted, ref } from "vue";
import { getDb } from "@/dataAccess/getDb";

const sessions = ref();
const recent = ref();

onMounted(async () => {
  const db = await getDb();
  if (db) {
    const r = (await db.selectAll("sessions")) ?? [];
    sessions.value = r.map((e: { state: string; [key: string]: any }) => {
      e.state = JSON.parse(e.state);
      return e;
    });
    const current = (await db.sessions.getCurrent()) ?? {};
    recent.value = current;
  }
});
</script>