I have translated CreatorPage.

src/locales/en.json

@@ -90,5 +90,16 @@
     "addresses": "Addresses",
     "home": "Home",
     "work": "Work"
+  },
+  "creatorinfopage": {
+    "informations": "Informations",
+    "name": "Name",
+    "title": "Title",
+    "description": "Description",
+    "banner&profile": "Banner and profile picture",
+    "borderpicturecolor": "Profile picture border",
+    "menucolor": "Menu color",
+    "pageinformation": "Your page information",
+    "socialnetwork": "Social Network"
   }
 }

src/locales/fr.json

@@ -90,6 +90,17 @@
     "addresses": "Adresses",
     "home": "Domicile",
     "work": "Travail"
+  },
+  "creatorinfopage": {
+    "informations": "Informations",
+    "name": "Nom",
+    "title": "Titre",
+    "description": "Description",
+    "banner&profile": "Bannière et photo de profil",
+    "borderpicturecolor": "Bordure de la photo de profil",
+    "menucolor": "Couleur des menus",
+    "pageinformation": "Informations de votre page",
+    "socialnetwork": "Réseaux sociaux"
   }
 
 }

src/views/profile/creators/CreatorPage.vue

@@ -84,19 +84,19 @@ const closeDialog = () => {
   <div class="flex flex-col items-center w-full">
     <h1 class="uppercase pb-5 text-2xl">
       <v-icon class="mr-2">mdi-file-edit-outline</v-icon>
-      Informations de votre page
+      {{$t('creatorinfopage.pageinformation')}}
     </h1>
 
     <div v-if="userStore.hasCreator" class="w-full max-w-[800px]">
 
       <div class="my-10 border rounded-2xl">
 
-        <div class="py-5 uppercase ml-4">Informations</div>
+        <div class="py-5 uppercase ml-4">{{$t('creatorinfopage.informations')}}</div>
         <div class="flex flex-col w-full">
           <button
 
               class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
-            <span class="flex-none pa-2 min-w-32 text-left">Nom</span>
+            <span class="flex-none pa-2 min-w-32 text-left">{{$t('creatorinfopage.name')}}</span>
             <span class="flex-auto text-left pr-6 capitalize">{{ userStore.creator.name }}</span>
             <span class="flex-none">  
             <v-icon>mdi-chevron-right</v-icon>
@@ -106,7 +106,7 @@ const closeDialog = () => {
           <button
               @click="openDialog('About')"
               class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
-            <span class="flex-none pa-2 min-w-32 text-left">Titre</span>
+            <span class="flex-none pa-2 min-w-32 text-left">{{$t('creatorinfopage.title')}}</span>
             <span class="flex-auto text-left pr-6">{{ userStore.creator.about.title }}</span>
             <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
@@ -116,7 +116,7 @@ const closeDialog = () => {
           <button
               @click="openDialog('About')"
               class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl  ">
-            <span class="pa-2 min-w-32 text-left">Description</span>
+            <span class="pa-2 min-w-32 text-left">{{$t('creatorinfopage.description')}}</span>
             <span class="flex-auto text-left pr-6">{{ userStore.creator.about.description }}</span>
             <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
@@ -126,7 +126,7 @@ const closeDialog = () => {
       </div>
 
       <div class="border rounded-2xl">
-        <div class="py-5 uppercase ml-4">Bannière et image de profil</div>
+        <div class="py-5 uppercase ml-4">{{$t('creatorinfopage.banner&profile')}}</div>
         <div class="flex flex-col w-full">
 
           <button
@@ -168,7 +168,7 @@ const closeDialog = () => {
               @click="openDialog('ColorsPicker', 'accent')"
               class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
             <span class="pa-2 min-w-32 text-left"><v-icon>mdi-circle-outline</v-icon></span>
-            <span class="flex-auto text-left pr-6">Couleur du contour de la photo de profil.</span>
+            <span class="flex-auto text-left pr-6">{{$t('creatorinfopage.borderpicturecolor')}}</span>
             <span class="flex-none">
         <v-icon>mdi-eyedropper-variant</v-icon>
           </span>
@@ -178,7 +178,7 @@ const closeDialog = () => {
               @click="openDialog('ColorsPicker', 'menu')"
               class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl">
             <span class="flex-none pa-2 min-w-32 text-left"> <v-icon>mdi-menu</v-icon></span>
-            <span class="flex-auto text-left pr-6">Couleur des entêtes de menus</span>
+            <span class="flex-auto text-left pr-6">{{$t('creatorinfopage.menucolor')}}</span>
             <span class="flex-none">
            <v-icon>mdi-eyedropper-variant</v-icon>
           </span>
@@ -188,7 +188,7 @@ const closeDialog = () => {
 
       <div class="mt-10 border rounded-2xl">
 
-        <div class="py-5 uppercase ml-4">Réseaux Sociaux</div>
+        <div class="py-5 uppercase ml-4">{{$t('creatorinfopage.socialnetwork')}}</div>
 
         <div class="flex flex-col w-full">
           <button