chore: create folder for pages components

src/App.vue

@@ -1,12 +1,20 @@
 <template>
   <v-app light>
+    <AppBar title=""/>
+    <v-main class="pt-0">
         <router-view></router-view>
+    </v-main>
   </v-app>
-</template>
 
+</template>
 <script>
 
+import AppBar from "@/components/appbar/AppBar";
+
 export default {
   name: "App",
+  components: {
+    AppBar,
+  }
 };
 </script>

src/components/appbar/AppBar.vue

@@ -16,12 +16,15 @@
       </v-toolbar-title>
       <v-spacer/>
 
-      <v-btn to="/login">
+      <v-btn to="/login" v-if="!loggedIn">
         <span>Login</span>
       </v-btn>
-      <v-btn to="/signup" class="mr-5">
+      <v-btn to="/signup" class="mr-5" v-if="!loggedIn">
         <span>Signup</span>
       </v-btn>
+      <v-btn @click.prevent="logout" class="mr-5" v-if="loggedIn">
+        <span>Logout</span>
+      </v-btn>
     </v-app-bar>
   </v-row>
 </template>
@@ -33,6 +36,17 @@ export default {
   props: {
     title: String,
   },
+  computed: {
+    loggedIn() {
+      return this.$store.state.auth.status.loggedIn;
+    },
+  },
+  methods: {
+    logout() {
+      this.$store.dispatch("auth/logout")
+      this.$router.push("/login")
+    }
+  }
 };
 </script>
 

src/components/profile.vue → src/pages/dashboard/dashboard.vue

@@ -2,9 +2,6 @@
     <div>
         {{ data }}
     </div>
-    <v-btn @click.prevent="logout">
-        <span>Logout</span>
-      </v-btn>
   </template>
 
   <script>
@@ -22,17 +19,14 @@ import userService from '@/services/user.service';
     methods: {
       fetchData() {
         userService.getUserInfo()
-          .then(() => {
+          .then((response) => {
+            console.log(response)
             this.data = "profile";
           })
           .catch(error => {
             console.error('Errore durante la richiesta:', error);
           });
-      }, 
-      logout(){
-        this.$store.dispatch("auth/logout")
-        this.$router.push("/login")
-      }
+      },
     }
   };
   </script>

src/components/homepage/HomePage.vue → src/pages/home/HomePage.vue

@@ -1,6 +1,4 @@
 <template>
-  <AppBar title=""/>
-    <v-main class="pt-0">
       <v-container fluid>
         <v-row>
           <!-- Title Column -->
@@ -21,17 +19,12 @@
           </v-col>
         </v-row>
       </v-container>
-    </v-main>
 </template>
 
 <script>
-import AppBar from "../../components/appbar/AppBar.vue";
 
 export default {
   name: "HomePage",
-  components: {
-    AppBar,
-  },
   data() {
     return {
       serverMsg: [],

src/components/authentication/Login.vue → src/pages/login/Login.vue

@@ -25,7 +25,7 @@ export default {
     },
     created() {
         if (this.loggedIn) {
-            this.$router.push("/profile");
+            this.$router.push("/dashboard");
         }
     },
     methods: {
@@ -35,11 +35,10 @@ export default {
                 email: this.email, 
                 password: this.password
             }
-            console.log(user)
             this.$store.dispatch("auth/login", user)
                 .then(
                     () => {
-                        this.$router.push("/profile")
+                        this.$router.push("/dashboard")
                     }
                 )
         }

src/components/authentication/Signup.vue → src/pages/signup/Signup.vue

@@ -1,5 +1,4 @@
 <template>
-    <v-main>
         <v-container fluid>
             <v-row justify="center">
                 <v-col cols="12" xs="10" md="4" l="4" xl="2">
@@ -27,7 +26,6 @@
                 </v-col>
             </v-row>
         </v-container>
-    </v-main>
 </template>
 
 <script>
@@ -56,7 +54,7 @@ export default {
     },
     mounted() {
         if (this.loggedIn) {
-            this.$router.push("/profile");
+            this.$router.push("/dashboard");
         }
     },
     methods: {

src/router/index.js

@@ -1,20 +1,18 @@
 import { createRouter, createWebHashHistory } from "vue-router";
 
-import HomePage from "../components/homepage/HomePage.vue";
-import ExampleComponent from "../components/Example.vue";
-import PageNotFound from "../components/pageNotFound/PageNotFound.vue";
-import Login from "../components/authentication/Login.vue";
-import Signup from "../components/authentication/Signup.vue";
-import Profile from "../components/profile.vue";
+import HomePage from "../pages/home/HomePage.vue";
+import PageNotFound from "../pages/notFound/PageNotFound.vue";
+import Login from "../pages/login/Login.vue";
+import Signup from "../pages/signup/Signup.vue";
+import Dashboard from "../pages/dashboard/dashboard.vue";
 import store from '@/store'
 
 
 const routes = [
   { path: "/", component: HomePage, alias: "/home" },
-  { path: "/example", component: ExampleComponent },
   { path: "/login", name: "login", component: Login },
   { path: "/signup", name: "signup", component: Signup },
-  { path: "/profile", name: "profile", component: Profile, meta:{requiresAuth:true}},
+  { path: "/dashboard", name: "dashboard", component: Dashboard, meta:{requiresAuth:true}},
   { path: "/:pathMatch(.*)*", name: "not-found", component: PageNotFound },
   { path: "/:pathMatch(.*)", name: "bad-not-found", component: PageNotFound },
 ];
@@ -27,7 +25,6 @@ const router = createRouter({
 router.beforeEach((to, from, next) => {
   if (to.meta.requiresAuth) {
     const auth = store.state.auth.status.loggedIn
-    console.log(auth)
     if (auth) {
       next();
     } else {