{"version":3,"file":"AppNavAccount.5f194522.js","sources":["../../../../components/global/layout/AppNavAccount.vue"],"sourcesContent":["<template>\n  <ul v-show=\"!isLoading\" class=\"nav__account\">\n    <template v-if=\"isAuthenticated\">\n      <!-- <li><base-link class=\"nav__link\" to=\"/account\">Account</base-link></li> -->\n      <ui-button class=\"has-no-border\" tag=\"app-link\" to=\"/logout\">Logout</ui-button>\n    </template>\n    <template v-else>\n      <li>\n        <button class=\"nav__link\" @click.prevent=\"login()\">Login</button>\n      </li>\n    </template>\n  </ul>\n</template>\n\n<script setup lang=\"ts\">\nimport BaseLink from \"~/components/global/ui/BaseLink.vue\";\n\nimport { computed, useAuth } from \"#imports\";\n\nconst { auth } = useAuth();\n\nconst isAuthenticated = computed(() => auth.isAuthenticated.value);\n\nconst isLoading = computed(() => auth.isLoading.value);\n\nconst login = () => {\n  auth.loginWithRedirect({\n    appState: { target: \"/account\" },\n  });\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.nav__account {\n  a {\n    background-color: #4169e1;\n    color: white;\n  }\n}\n\n.nav__account a:hover {\n  background-color: darken(#4169e1, 10%);\n}\n</style>\n"],"names":["auth","useAuth","isAuthenticated","computed","isLoading","login"],"mappings":"gWAmBM,KAAA,CAAE,KAAAA,GAASC,IAEXC,EAAkBC,EAAS,IAAMH,EAAK,gBAAgB,KAAK,EAE3DI,EAAYD,EAAS,IAAMH,EAAK,UAAU,KAAK,EAE/CK,EAAQ,IAAM,CAClBL,EAAK,kBAAkB,CACrB,SAAU,CAAE,OAAQ,UAAW,CAAA,CAChC,CAAA"}