From 1357a5b66ac7556559fb2d34804848d56e4cd395 Mon Sep 17 00:00:00 2001 From: lesion Date: Fri, 24 Jun 2022 15:55:08 +0200 Subject: [PATCH] cleaning loggedIn in Nav --- components/Nav.vue | 15 ++++++++++----- 1 file changed, 10 insertions(+), 5 deletions(-) diff --git a/components/Nav.vue b/components/Nav.vue index d1a49283..f3ec571c 100644 --- a/components/Nav.vue +++ b/components/Nav.vue @@ -11,17 +11,17 @@ v-app-bar(app aria-label='Menu' height=64) v-list-item-subtitle.d-none.d-sm-flex {{settings.description}} v-spacer - v-btn(v-if='$auth.loggedIn || settings.allow_anon_event' icon nuxt to='/add' :aria-label='$t("common.add_event")' :title='$t("common.add_event")') + v-btn(v-if='loggedIn || settings.allow_anon_event' icon nuxt to='/add' :aria-label='$t("common.add_event")' :title='$t("common.add_event")') v-icon(large color='primary' v-text='mdiPlus') v-btn(icon nuxt to='/export' :title='$t("common.share")' :aria-label='$t("common.share")') v-icon(v-text='mdiShareVariant') - v-btn(v-if='!$auth.loggedIn' icon nuxt to='/login' :title='$t("common.login")' :aria-label='$t("common.login")') + v-btn(v-if='!loggedIn' icon nuxt to='/login' :title='$t("common.login")' :aria-label='$t("common.login")') v-icon(v-text='mdiLogin') client-only - v-menu(v-if='$auth.loggedIn' offset-y eager) + v-menu(v-if='loggedIn' offset-y eager) template(v-slot:activator="{ on, attrs }") v-btn(icon v-bind='attrs' v-on='on' title='Menu' aria-label='Menu') v-icon(v-text='mdiDotsVertical') @@ -44,7 +44,7 @@ v-app-bar(app aria-label='Menu' height=64) v-list-item-content v-list-item-title {{$t('common.logout')}} template(#placeholder) - v-btn(v-if='$auth.loggedIn' icon aria-label='Menu' title='Menu') + v-btn(v-if='loggedIn' icon aria-label='Menu' title='Menu') v-icon(v-text='mdiDotsVertical') @@ -64,7 +64,12 @@ export default { return { mdiPlus, mdiShareVariant, mdiLogout, mdiLogin, mdiDotsVertical, mdiAccount, mdiCog, mdiRss } }, mixins: [clipboard], - computed: mapState(['settings']), + computed: { + loggedIn () { + return this.$auth.loggedIn + }, + ...mapState(['settings']), + }, methods: { logout () { this.$root.$message('common.logout_ok')