diff --git a/src/components/Nav.vue b/src/components/Nav.vue index d3ce7a74..3f006188 100644 --- a/src/components/Nav.vue +++ b/src/components/Nav.vue @@ -8,7 +8,7 @@ @@ -18,13 +18,22 @@ class="mr-2 p-2 catalog-link" > - {{ helpText.catalog }} + {{ helpText.nav.catalog }} - - @@ -35,16 +44,16 @@ import { defineComponent } from 'vue' import { mapState, storeToRefs } from 'pinia' import { useI18nStore, useAppStore } from '@/stores' -import UserDropdown from './UserDropdown.vue' +import NavDropdown from './NavDropdown.vue' import usePortalApi from '@/hooks/usePortalApi' export default defineComponent({ name: 'Nav', - components: { UserDropdown }, + components: { NavDropdown }, setup () { const appStore = useAppStore() const { globalLoading } = storeToRefs(appStore) - const helpText = useI18nStore().state.helpText.nav + const helpText = useI18nStore().state.helpText const logout = async () => { globalLoading.value = true diff --git a/src/components/UserDropdown.vue b/src/components/NavDropdown.vue similarity index 61% rename from src/components/UserDropdown.vue rename to src/components/NavDropdown.vue index 9fee6d4e..d2ded3bb 100644 --- a/src/components/UserDropdown.vue +++ b/src/components/NavDropdown.vue @@ -1,8 +1,8 @@ - {{ email }} + {{ label }} { toggle(e); item.onClick?.() }" > - {{ helpText.myApps }} + {{ item.label }} - - - {{ helpText.logout }} + { toggle(e); item.onClick?.() }" + > + {{ item.label }} + @@ -46,26 +50,35 @@