Initial commit of some work creating RMO single-page app
Doesn't work yet, but they both start, so checkpoint.
This commit is contained in:
parent
54e77f72f4
commit
d7d6888f63
11 changed files with 229 additions and 5 deletions
34
ts/AppSync.vue
Normal file
34
ts/AppSync.vue
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
<template>
|
||||
<div class="app-container">
|
||||
<Sidebar v-if="$route.meta.showSidebar" />
|
||||
<MainContent>
|
||||
<div v-if="session.loading">Loading...</div>
|
||||
<div v-else-if="session.error">Error: {{ session.error }}</div>
|
||||
<router-view v-else />
|
||||
</MainContent>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { onMounted } from "vue";
|
||||
import { useSessionStore } from "@/store/session";
|
||||
import { Session } from "@/types";
|
||||
|
||||
import Sidebar from "./components/layout/Sidebar.vue";
|
||||
import MainContent from "./components/layout/MainContent.vue";
|
||||
import NavigationLink from "@/components/common/NavigationLink.vue";
|
||||
|
||||
const session = useSessionStore();
|
||||
onMounted(() => {
|
||||
session.get().then((session: Session) => {
|
||||
console.log("session loaded", session);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.app-container {
|
||||
display: flex;
|
||||
height: 100vh;
|
||||
}
|
||||
</style>
|
||||
Loading…
Add table
Add a link
Reference in a new issue