@sowell/quasar-app-extension-auth 0.3.0 → 0.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sowell/quasar-app-extension-auth",
-  "version": "0.3.0",
+  "version": "0.3.3",
   "description": "A Quasar app extension to manage Authentication",
   "main": "src/index.js",
   "repository": "https://github.com/sowell-ai/quasar.extension.auth",
@@ -42,7 +42,6 @@
     "buffer": "^6.0.3",
     "qs": "^6.10.1",
     "validator": "^13.6.0",
-    "vue-i18n": "^9.1.0",
     "vue-router": "^4.0.0",
     "vuex": "4.0"
   }

package/src/boot/router-guards.ts

@@ -2,6 +2,7 @@
 import prompts from "app/quasar.extensions.json";
 import { boot } from "quasar/wrappers";
 import { BootInterface } from "../interfaces";
+import { LocalStorage } from "quasar";
 
 export default boot(({ router, store }: BootInterface) => {
   const {
@@ -9,7 +10,12 @@ export default boot(({ router, store }: BootInterface) => {
   } = prompts;
 
   router.beforeEach((to, from, next) => {
+    const auth = JSON.parse(LocalStorage.getItem("vuex") || "{}");
+
     let isValid = store.getters["token/getIsValid"];
+    if (store.getters["token/getRaw"] === "") {
+      if (auth) store.dispatch("token/updateRaw", auth?.token?.raw);
+    }
     let token = store.getters["token/getRaw"];
     if (
       (!isValid ||

package/src/components/dialogs/Message.vue

@@ -72,6 +72,7 @@
         unelevated
         style="background: #fff"
         flat
+        @click="passwordUpdated ? $emit('goToLoginPage') : ''"
         no-caps
         :label="$t('auth.close')"
         color="dark"
@@ -102,7 +103,7 @@ export default defineComponent({
       type: Boolean,
     },
   },
-  emit: ["retypeEmail"],
+  emit: ["retypeEmail", "goToLoginPage"],
   setup(props: any, { emit }: any) {
     const retypeEmail = () => {
       emit("retypeEmail");

package/src/components/pages/Auth.vue

@@ -73,7 +73,7 @@
               </template>
               <template #append>
                 <q-icon
-                  :name="showPassword ? ionEyeOutline : ionEyeOffOutline"
+                  :name="showPassword ? ionEyeOffOutline : ionEyeOutline "
                   class="cursor-pointer q-mr-sm"
                   @click="showPassword = !showPassword"
                 />

package/src/components/pages/ResetPassword.vue

@@ -60,7 +60,7 @@
         </q-form>
       </div>
       <q-dialog v-model="passwordUpdated" persistent>
-        <sowell-message :passwordUpdated="passwordUpdated" />
+        <sowell-message :passwordUpdated="passwordUpdated" @goToLoginPage="goToLoginPage"/>
       </q-dialog>
     </q-page>
   </q-layout>
@@ -178,7 +178,6 @@ export default defineComponent({
         updatePasswordHeaders
       ).then(() => {
         passwordUpdated.value = true;
-        router.push(LOCAL_LOGIN_ROUTE);
       }).catch(() => {
           $q.notify({
             message: t("auth.passwordRecoveryFailed"),
@@ -195,6 +194,10 @@ export default defineComponent({
         });
     };
 
+    const goToLoginPage = () => {
+      router.push(LOCAL_LOGIN_ROUTE);
+    }
+    
     onMounted(() => {
       let key = $route.query.key as string
       const { decoded, email, tmpToken } = decodeKey(key)
@@ -267,7 +270,8 @@ export default defineComponent({
       canSubmit,
       passwordUpdated,
       LOCAL_LOGIN_ROUTE,
-      ionLockClosedOutline
+      ionLockClosedOutline,
+      goToLoginPage
     };
   },
 });