Some changes

src/router/index.js

@@ -1,164 +1,137 @@
+import {createRouter, createWebHistory} from 'vue-router'
 import ARPS from '@/views/manualusers/ARPS.vue'
 import GuillaumeAime from '@/views/manualusers/GuillaumeAime.vue'
-import About from '@/views/tos/About.vue'
-import ContentPolicy from '@/views/tos/ContentPolicy.vue'
-import FAQ from '@/views/tos/FAQ.vue'
-import Frais from '@/views/tos/Frais.vue'
-import GuideForCreators from '@/views/tos/GuideForCreators.vue'
-import HelpAndContact from '@/views/tos/HelpAndContact.vue'
-import TermsAndConditions from '@/views/tos/TermsAndConditions.vue'
-import { createRouter, createWebHistory } from 'vue-router'
-import MainPage from '../layouts/MainPage.vue'
+import About from '@/views/pages/About.vue'
+import ContentPolicy from '@/views/pages/ContentPolicy.vue'
+import FAQ from '@/views/pages/FAQ.vue'
+import Pricing from '@/views/pages/Pricing.vue'
+import CreatorGuide from '@/views/pages/CreatorGuide.vue'
+import HelpAndContact from '@/views/pages/HelpAndContact.vue'
+import TermsAndConditions from '@/views/pages/TermsAndConditions.vue'
 import LoginView from '../views/LoginView.vue'
 import PaymentCompleted from '../views/PayementCompleted.vue'
 import SignupView from '../views/SignupView.vue'
-import ContactView from '../views/main/ContactView.vue'
-import CreatorMainPage from '../views/main/CreatorMainPage.vue'
-import CreatorFolio from '../views/main/CreatorFolio.vue'
-import HomeView from '../views/main/HomeView.vue'
-import UserBrowser from '../views/main/UsersBrowser.vue'
+import Join from '../views/main/Join.vue'
+import Home from '../views/main/Home.vue'
+import Browse from '../views/main/Browse.vue'
 import YourProfile from '../views/main/YourProfile.vue'
 import ChloeBeaugrand from '../views/manualusers/ChloeProfile.vue'
-import Hutopy from '../views/manualusers/HutopyProfile.vue'
 import Leffet from '../views/manualusers/LeffetProfile.vue'
 import MathieuCaron from '../views/manualusers/MathieuCaron.vue'
+import Creator from "@/views/main/Creator.vue";
 
 const routes = [
-  {
-    path: '/',
-    name: 'main',
-    component: HomeView
-  },
-  {
-    path: '/creatorfolio',
-    name: 'creatorfolio',
-    component: CreatorFolio
-  },
-  {
-    path: '/paymentcompleted',
-    name: 'PayementCompleted',
-    component: PaymentCompleted
-  },
-  {
-    path: '/yourprofile',
-    name: 'yourprofile',
-    component: YourProfile
-  },
-  {
-    path: '/contact',
-    name: 'contact',
-    component: ContactView
-  },
-  {
-    path: '/signup',
-    name: 'signup',
-    component: SignupView
-  },
-  {
-    path: '/login',
-    name: 'login',
-    component: LoginView
-  },
-  {
-    path: '/home',
-    name: 'home',
-    component: HomeView
-  },
-  {
-    path: '/helpandcontact',
-    name: 'helpandcontact',
-    component: HelpAndContact
-  },
-  {
-    path: '/termsandconditions',
-    name: 'termsandconditions',
-    component: TermsAndConditions
-  },
-  {
-    path: '/contentpolicy',
-    name: 'contentpolicy',
-    component: ContentPolicy
-  },
-  {
-    path: '/faq',
-    name: 'FAQ',
-    component: FAQ
-  },
-  {
-    path: '/guideforcreators',
-    name: 'guideforcreators',
-    component: GuideForCreators
-  },
-  {
-    path: '/about',
-    name: 'about',
-    component: About
-  },
-  {
-    path: '/frais',
-    name: 'frais',
-    component: Frais
-  },
-  {
-    path: '/Hutopy',
-    name: 'Hutopy',
-    component: Hutopy
-  },
-  {
-    path: '/Leffet',
-    name: 'Leffet',
-    component: Leffet
-  },
-  {
-    path: '/userbrowser',
-    name: 'userbrowser',
-    component: UserBrowser
-  },
-  {
-    path: '/chloebeaugrand',
-    name: 'chloebeaugrand',
-    component: ChloeBeaugrand
-  },
-  {
-    path: '/guillaumeaime',
-    name: 'guillaumeaime',
-    component: GuillaumeAime
-  },
-  {
-    path: '/mathieucaron',
-    name: 'mathieucaron',
-    component: MathieuCaron
-  },
-  {
-    path: '/arps',
-    name: 'arps',
-    component: ARPS
-  },
-  {
-    path: '/:username',
-    name: 'user-profile',
-    component: MainPage
-  },
+    {
+        path: '/',
+        component: Home,
+        meta: {hideSideBar: true}
+    },
+    {
+        path: '/browse',
+        component: Browse
+    },
+    
+    {
+        path: '/@leffet',
+        component: Leffet
+    },
+    {
+        path: '/@chloebeaugrand',
+        component: ChloeBeaugrand
+    },
+    {
+        path: '/@guillaumeaime',
+        component: GuillaumeAime
+    },
+    {
+        path: '/@mathieucaron',
+        component: MathieuCaron
+    },
+    {
+        path: '/@arps',
+        component: ARPS
+    },
+    
+    {
+        path: '/@:creator',
+        component: Creator
+    },
+
+    {
+        path: '/helpandcontact',
+        component: HelpAndContact,
+        meta: {hideSideBar: true}
+    },
+    {
+        path: '/termsandconditions',
+        name: 'termsandconditions',
+        component: TermsAndConditions,
+        meta: {hideSideBar: true}
+    },
+    {
+        path: '/contentpolicy',
+        name: 'contentpolicy',
+        component: ContentPolicy,
+        meta: {hideSideBar: true}
+    },
+    {
+        path: '/faq',
+        name: 'FAQ',
+        component: FAQ,
+        meta: {hideSideBar: true}
+    },
+    {
+        path: '/guideforcreators',
+        name: 'guideforcreators',
+        component: CreatorGuide,
+        meta: {hideSideBar: true}
+    },
+    {
+        path: '/about',
+        name: 'about',
+        component: About,
+        meta: {hideSideBar: true}
+    },
+    {
+        path: '/pricing',
+        name: 'pricing',
+        component: Pricing,
+        meta: {hideSideBar: true}
+    },
+    {
+        path: '/join',
+        name: 'join',
+        component: Join,
+        meta: {hideSideBar: true}
+    },
+
+    {
+        path: '/paymentcompleted',
+        name: 'PayementCompleted',
+        component: PaymentCompleted
+    },
+    {
+        path: '/yourprofile',
+        name: 'yourprofile',
+        component: YourProfile
+    },
+    {
+        path: '/signup',
+        name: 'signup',
+        component: SignupView
+    },
+    {
+        path: '/login',
+        name: 'login',
+        component: LoginView
+    },
+
 
-  {
-    path: '/creatorFolio',
-    name: 'creatorFolio',
-    component: CreatorFolio
-  },
-  {
-    path: '/creatormainpage',
-    name: 'creatormainpage',
-    component: CreatorMainPage
-  }
 ]
 
 const router = createRouter({
-  history: createWebHistory(import.meta.env.BASE_URL),
-  routes,
-  scrollBehavior(to, from, savedPosition) {
-    return { top: 0 };
-  }
-
+    history: createWebHistory(import.meta.env.BASE_URL),
+    routes
 })
 
 export default router