Feature/assistant

package.json

@@ -14,6 +14,7 @@
   "dependencies": {
     "@heroicons/vue": "^2.0.18",
     "firebase": "^10.5.0",
+    "jspdf": "^2.5.1",
     "sweetalert2": "^11.7.32",
     "vue": "^3.3.4",
     "vue-router": "^4.2.5"

src/base.css

@@ -4,7 +4,6 @@
 @tailwind components;
 @tailwind utilities;
 
-
-* {
+*{
     font-family: 'Poppins', sans-serif;
 }

src/layout/UserLayout.vue

@@ -0,0 +1,19 @@
+<script setup lang="ts">
+
+import router from "@/router";
+</script>
+
+<template>
+  <div class="flex flex-col">
+    <header>
+      <div>
+        <h1 class="text-xl ml-10 mt-4  w-fit px-2 rounded-lg border-gradient-l bg-gradient-to-r from-red-400 to-orange-300 cursor-pointer hover:animate-bounce hover:transition-all " @click="router.push('/')">Test Forge</h1>
+      </div>
+    </header>
+    <RouterView />
+  </div>
+</template>
+
+<style scoped>
+
+</style>

src/router/index.ts

@@ -3,18 +3,35 @@ import { createRouter, createWebHistory } from 'vue-router'
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   routes: [
+
     {
-      path: '/home',
-      name: 'home',
-      component: () => import('../views/HomeView.vue')
+      path: '/',
+      name: 'layout',
+      component: () => import('../layout/UserLayout.vue'),
+      children: [
+        {
+          path: '/',
+          name: 'home',
+          component: () => import('../views/HomeView.vue')
+        },
+        {
+          path: '/login',
+          name: 'login',
+          component: () => import('../views/Auth/LoginPage.vue')
+        },
+        {
+            path: '/asistente',
+            name: 'asistente',
+            component: () => import('../views/AsisstantView.vue')
+        },
+        {
+            path: '/base-de-datos',
+            name: 'base-de-datos',
+            component: () => import('../views/DataBaseView.vue')
+        }
+      ]
     },
 
-  {
-    path: '/',
-    name: 'login',
-    component: () => import('../views/Auth/LoginPage.vue')
-  },
-
   ]
 })