Fix path and names for Profile section

src/views/Profile/account/PersonnalInfo.vue

@@ -131,13 +131,13 @@
 
 <script setup>
 import { ref } from 'vue';
-import Name from '@/views/Profile/Dialogs/PersonnalInfo/Name.vue';
-import AdressesHome from '@/views/Profile/Dialogs/PersonnalInfo/AdressesHome.vue';
-import AdressesWork from '@/views/Profile/Dialogs/PersonnalInfo/AdressesWork.vue';
-import Birthday from '@/views/Profile/Dialogs/PersonnalInfo/Birthday.vue';
-import Email from '@/views/Profile/Dialogs/PersonnalInfo/Email.vue';
-import Gender from '@/views/Profile/Dialogs/PersonnalInfo/Gender.vue';
-import Phone from '@/views/Profile/Dialogs/PersonnalInfo/Phone.vue';
+import Name from './Name.vue';
+import AdressesHome from './AdressesHome.vue';
+import AdressesWork from './AdressesWork.vue';
+import Birthday from './Birthday.vue';
+import Email from './Email.vue';
+import Gender from './Gender.vue';
+import Phone from './Phone.vue';
 
 const dialog = ref(false);
 const currentComponent = ref('');

src/views/Profile/creators/CreatorPage.vue

@@ -1,12 +1,12 @@
 <script setup>
 import {ref} from 'vue'
 import {useUserStore} from "@/stores/userStore.js"
-import Socials from '@/views/Profile/Dialogs/PageInformations/Socials.vue'
-import BannerPicker from '@/views/Profile/Dialogs/PageInformations/BannerPicker.vue'
-import ColorsPicker from '@/views/Profile/Dialogs/PageInformations/ColorsPicker.vue'
-import LogoPicker from "@/views/Profile/Dialogs/PageInformations/LogoPicker.vue"
-import About from "@/views/Profile/Dialogs/PageInformations/About.vue";
-import CreateCreator from "@/views/Profile/Dialogs/PageInformations/CreateCreator.vue";
+import Socials from './Socials.vue'
+import BannerPicker from './BannerPicker.vue'
+import ColorsPicker from './ColorsPicker.vue'
+import LogoPicker from "./LogoPicker.vue"
+import About from "./About.vue";
+import CreateCreator from "./CreateCreator.vue";
 
 const userStore = useUserStore()
 

src/views/Profile/security/AccountSecurity.vue

@@ -60,9 +60,9 @@
 
 <script setup>
 import { ref } from 'vue';
-import ModalPassword from '@/views/Profile/Dialogs/AccountSecurity/ModalPassword.vue';
-import ModalRecoveryByEmailInfo from '@/views/Profile/Dialogs/AccountSecurity/ModalRecoveryByEmailInfo.vue';
-import ModalRecoveryByPhoneInfo from '@/views/Profile/Dialogs/AccountSecurity/ModalRecoveryByPhoneInfo.vue';
+import ModalPassword from './ModalPassword.vue';
+import ModalRecoveryByEmailInfo from './ModalRecoveryByEmailInfo.vue';
+import ModalRecoveryByPhoneInfo from './ModalRecoveryByPhoneInfo.vue';
 
 
 const dialog = ref(false);

src/views/main/Profile.vue

@@ -22,14 +22,14 @@
                 @mouseup="mouseUp"
                 @mousemove="mouseMove">
 
-              <v-btn variant="text" @click="currentComponent = 'PageInformations'">
+              <v-btn variant="text" @click="currentComponent = 'CreatorPage'">
                 <v-icon class="mr-2">mdi-file-edit-outline</v-icon>
-                Informations de votre page
+                Créateur
               </v-btn>
 
               <v-btn variant="text" @click="currentComponent = 'PersonnalInfo'">
                 <v-icon class="mr-2">mdi-information</v-icon>
-                Informations personnelles
+                Utilisateur
               </v-btn>
 
               <v-btn variant="text" @click="currentComponent = 'ManageAccount'">
@@ -58,8 +58,8 @@
       <template v-if="currentComponent === 'ManageAccount'">
         <manage-account></manage-account>
       </template>
-      <template v-else-if="currentComponent === 'PageInformations'">
-        <page-informations></page-informations>
+      <template v-else-if="currentComponent === 'CreatorPage'">
+        <creator-profile></creator-profile>
       </template>
       <template v-else-if="currentComponent === 'PersonnalInfo'">
         <personnal-info></personnal-info>
@@ -74,10 +74,10 @@
 
 <script setup>
 import {ref, onMounted} from "vue";
-import ManageAccount from "@/views/Profile/ManageAccount.vue";
-import PageInformations from "@/views/Profile/PageInformations.vue";
-import PersonnalInfo from "@/views/Profile/PersonnalInfo.vue";
-import AccountSecurity from "@/views/Profile/AccountSecurity.vue";
+import ManageAccount from "@/views/profile/ManageAccount.vue";
+import CreatorPage from "@/views/profile/creators/CreatorPage.vue";
+import PersonnalInfo from "@/views/profile/account/PersonnalInfo.vue";
+import AccountSecurity from "@/views/profile/security/AccountSecurity.vue";
 
 const currentComponent = ref('PersonnalInfo'); // Default component
 const isDown = ref(false);