Show ... in Navbar during session initialization

This commit is contained in:
ekzyis 2023-11-08 01:28:06 +01:00
parent cf6f83dad5
commit 10702eb842
2 changed files with 3 additions and 2 deletions

View File

@ -3,7 +3,8 @@
<nav> <nav>
<router-link to="/">market</router-link> <router-link to="/">market</router-link>
<router-link to="/user" v-if="session.isAuthenticated">user</router-link> <router-link to="/user" v-if="session.isAuthenticated">user</router-link>
<router-link to="/login" v-else href="/login">login</router-link> <router-link to="/login" v-else-if="session.isAuthenticated === false" href="/login">login</router-link>
<router-link disabled to="/" v-else>...</router-link>
</nav> </nav>
</header> </header>
</template> </template>

View File

@ -3,8 +3,8 @@ import { computed, ref } from 'vue'
export const useSession = defineStore('session', () => { export const useSession = defineStore('session', () => {
const pubkey = ref(null) const pubkey = ref(null)
const isAuthenticated = computed(() => !!pubkey.value)
const initialized = ref(false) const initialized = ref(false)
const isAuthenticated = computed(() => initialized.value ? !!pubkey.value : undefined)
function checkSession () { function checkSession () {
const url = window.origin + '/api/session' const url = window.origin + '/api/session'