From 7d0b5576e57a04e9053098c6df7f572e2c4586fb Mon Sep 17 00:00:00 2001
From: clonbg <clonbg@gmail.com>
Date: Fri, 31 Jan 2025 14:44:45 +0100
Subject: [PATCH] verifyemailpage

---
 quasar.config.js              |  2 +-
 src/pages/IndexPage.vue       | 31 +++++++++----------------------
 src/pages/LoginPage.vue       |  2 +-
 src/pages/VerifyEmailPage.vue | 28 ++++++++++++++++++++++++++++
 src/router/index.js           |  7 +++++++
 src/router/routes.js          | 12 +++++++++---
 6 files changed, 55 insertions(+), 27 deletions(-)
 create mode 100644 src/pages/VerifyEmailPage.vue

diff --git a/quasar.config.js b/quasar.config.js
index 9f01d51..c86d477 100644
--- a/quasar.config.js
+++ b/quasar.config.js
@@ -41,7 +41,7 @@ export default defineConfig((/* ctx */) => {
         node: 'node20'
       },
 
-      vueRouterMode: 'hash', // available values: 'hash', 'history'
+      vueRouterMode: 'history', // available values: 'hash', 'history'
       // vueRouterBase,
       // vueDevtools,
       // vueOptionsAPI: false,
diff --git a/src/pages/IndexPage.vue b/src/pages/IndexPage.vue
index be70aa4..887f7b2 100644
--- a/src/pages/IndexPage.vue
+++ b/src/pages/IndexPage.vue
@@ -1,30 +1,17 @@
 <template>
-  <q-page class="flex flex-center">
-    <img alt="Quasar logo" src="~assets/quasar-logo-vertical.svg" style="width: 200px; height: 200px">
-    <q-btn color="primary" label="Registrar" @click="registrar" />
+  <q-page>
+    <div class="bg-light-green window-height window-width row justify-center items-center">
+      <div class="column">
+        <div class="row"></div>
+        <h1>Página principal</h1>
+      </div>
+    </div>
   </q-page>
 </template>
 
 <script setup>
-import { onMounted } from 'vue'
 //import { supabaseStore } from '../stores/supabaseStore'
 //const store = supabaseStore()
-import useSupabase from '../boot/supabase'
-const { supabase } = useSupabase()
-
-const registrar = async () => {
-  const { data, error } = await supabase.auth.signUp(
-    {
-      email: 'nedejih337@rykone.com',
-      password: 'nedejih337',
-    }
-  )
-  console.log(data, '\n', error)
-}
-
-onMounted(async () => {
-}
-)
-
-
+//import useSupabase from '../boot/supabase'
+//const { supabase } = useSupabase()
 </script>
diff --git a/src/pages/LoginPage.vue b/src/pages/LoginPage.vue
index f1c13aa..d67eea8 100644
--- a/src/pages/LoginPage.vue
+++ b/src/pages/LoginPage.vue
@@ -70,7 +70,7 @@ const registrar = async () => {
       email: email.value,
       password: password.value,
       options: {
-        emailRedirectTo: 'http://localhost:9000/verify-email/',
+        emailRedirectTo: 'http://localhost:9000/verify-email',
       },
     })
     if (error) throw error
diff --git a/src/pages/VerifyEmailPage.vue b/src/pages/VerifyEmailPage.vue
new file mode 100644
index 0000000..5aa42fa
--- /dev/null
+++ b/src/pages/VerifyEmailPage.vue
@@ -0,0 +1,28 @@
+<template>
+    <div class="bg-light-green window-height window-width row justify-center items-center">
+        <div class="column">
+            <div class="row"></div>
+            <h1>
+                Verify your email
+            </h1>
+            <h5>{{ token }}</h5>
+        </div>
+    </div>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue'
+import { useRoute } from 'vue-router'
+
+const route = useRoute()
+
+const token = ref('')
+
+onMounted(() => {
+    console.log(route)
+    console.log(route.fullPath)
+    //guardar en un objeto para sacar el token o el error
+})
+
+
+</script>
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index 226eb50..e2dbe4e 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -25,6 +25,13 @@ export default defineRouter(function (/* { store, ssrContext } */) {
     // quasar.conf.js -> build -> publicPath
     history: createHistory(process.env.VUE_ROUTER_BASE)
   })
+  // to hacia
+  // from desde
+  Router.beforeEach((to, from, next) => {
+    console.log(to)
+    console.log(from)
+    next()
+  })
 
   return Router
 })
diff --git a/src/router/routes.js b/src/router/routes.js
index 1427005..b4f7d1f 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -1,10 +1,16 @@
 const routes = [
   {
-    path: '/',
-    component: () => import('pages/LoginPage.vue')
+    path: '/login',
+    component: () => import('pages/LoginPage.vue'),
+    name: 'login'
   },
   {
-    path: '/index',
+    path: '/verify-email',
+    component: () => import('pages/VerifyEmailPage.vue'),
+    name: 'verify-email'
+  },
+  {
+    path: '/',
     component: () => import('layouts/MainLayout.vue'),
     children: [
       { path: '', component: () => import('pages/IndexPage.vue') }