@sowell/quasar-app-extension-auth 0.3.12 → 0.3.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sowell/quasar-app-extension-auth",
-  "version": "0.3.12",
+  "version": "0.3.14",
   "description": "A Quasar app extension to manage Authentication",
   "main": "src/index.js",
   "repository": "https://github.com/sowell-ai/quasar.extension.auth",

package/src/components/pages/Auth.vue

@@ -126,12 +126,21 @@
         </q-dialog>
       </div>
     </q-page>
+    <q-footer class="footer">
+      <q-toolbar>
+        <q-toolbar-title>
+          <div class="row justify-end text-black text-subtitle2 version-style">
+            v{{ appVersion.versionNumber }}
+          </div>
+        </q-toolbar-title>
+      </q-toolbar>
+    </q-footer>
   </q-layout>
 </template>
 
 <script lang="ts">
-import { defineComponent } from "vue";
-
+import { defineComponent, reactive, onMounted } from "vue";
+import * as packageInfo from "app/package.json";
 import SendEmail from "../dialogs/SendEmail.vue";
 import SowellMessage from "../dialogs/Message.vue";
 import { useAuth } from "composables/auth";
@@ -158,6 +167,9 @@ export default defineComponent({
       icons,
     } = useAuth();
 
+    const appVersion = reactive({
+      versionNumber: "",
+    });
     const resetPassword = async (email: string) => {
       const data = {
         auth: {
@@ -177,6 +189,10 @@ export default defineComponent({
       }
     };
 
+    onMounted(() => {
+      appVersion.versionNumber = packageInfo.version;
+    });
+
     return {
       email,
       password,
@@ -192,9 +208,14 @@ export default defineComponent({
       isSubmitBtnDisabled,
       retypeEmail,
       icons,
+      appVersion,
     };
   },
 });
 </script>
 
-<style scoped></style>
+<style scoped>
+.footer {
+  background: transparent;
+}
+</style>