From 7d5b8ca5597b5f22fe5fd6e8b0b6b5de50c90381 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Thu, 22 Aug 2024 12:11:28 -0400
Subject: [PATCH 1/8] Wip

---
 src/locales/en.json       | 28 +++++++++++++++++++++++++++-
 src/locales/fr.json       | 29 ++++++++++++++++++++++++++++-
 src/views/main/Header.vue |  2 +-
 3 files changed, 56 insertions(+), 3 deletions(-)

diff --git a/src/locales/en.json b/src/locales/en.json
index 32c947c..c39b3f9 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -1,5 +1,31 @@
 {
+  "banner": {
+    "subscription": "Subscriptions"
+  },
   "footer": {
     "allRightsReserved": "All rights reserved"
+  },
+  "sitemenu": {
+    "HelpUs": "Help us",
+    "About": "About",
+    "ContentPolicy": "Content Policy",
+    "CreatorGuide": "Creator Guide",
+    "FAQ": "FAQ",
+    "HelpAndContact": "Help and Contact",
+    "Pricing": "Pricing",
+    "TermsAndConditions": "Terms and conditions"
+  },
+  "sidebar": {
+    "subscriptionTitle": "Subscription"
+  },
+  "subscribebutton": {
+    "subscribe": "Subscribe",
+    "unsubscribe": "Unsubscribe"
+  },
+  "profilemenu": {
+    "creator": "Creator",
+    "user": "User",
+    "accountmanagement": "Account Management",
+    "security": "security"
   }
-}
\ No newline at end of file
+}
diff --git a/src/locales/fr.json b/src/locales/fr.json
index 3aed308..cd40749 100644
--- a/src/locales/fr.json
+++ b/src/locales/fr.json
@@ -1,5 +1,32 @@
 {
+  "banner": {
+    "subscription": "Abonnés"
+  },
   "footer": {
     "allRightsReserved": "Tout droits réservés"
+  },
+  "sitemenu": {
+    "HelpUs": "Aidez-nous",
+    "About": "À propos",
+    "ContentPolicy": "Politique de contenu",
+    "CreatorGuide": "Guide pour les créateurs",
+    "FAQ": "FAQ",
+    "HelpAndContact": "Aide & Contact",
+    "Pricing": "Frais",
+    "TermsAndConditions": "Conditions générales"
+  },
+  "sidebar": {
+    "subscriptionTitle": "Abonnements"
+  },
+  "subscribebutton": {
+    "subscribe": "S'abonner",
+    "unsubscribe": "Se désabonner"
+  },
+  "profilemenu": {
+    "creator": "Créateur",
+    "user": "utilisateur",
+    "accountmanagement": "Gestion de comptes",
+    "security": "Sécurité"
   }
-}
\ No newline at end of file
+  
+}
diff --git a/src/views/main/Header.vue b/src/views/main/Header.vue
index 275890c..deaab62 100644
--- a/src/views/main/Header.vue
+++ b/src/views/main/Header.vue
@@ -114,7 +114,7 @@
 
               <v-list-item class="nav-button">
                 <v-list-item-title>
-                  <v-btn to="/profile" class="w-100" variant="plain">Mon profil</v-btn>
+                  <v-btn to="/profile" class="w-100" variant="plain">{{ $t('header.MyProfile') }}</v-btn>
                 </v-list-item-title>
               </v-list-item>
               <v-list-item class="nav-button">

From 995a321570aee116ec439b5ba0485af78c638fac Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Thu, 22 Aug 2024 00:26:16 -0400
Subject: [PATCH 2/8] Translation of pages

---
 src/locales/en.json                           |  2 +-
 src/locales/fr.json                           |  3 +-
 src/views/creators/SubscribeButton.vue        |  4 +-
 .../banner/bannerlower/BannerActionsLg.vue    |  2 +-
 .../banner/bannerlower/BannerActionsMd.vue    |  2 +-
 .../banner/bannerlower/BannerActionsSm.vue    |  2 +-
 .../banner/bannerlower/BannerActionsXl.vue    |  2 +-
 src/views/main/Header.vue                     | 41 ++++++++++++-------
 src/views/main/SideBar.vue                    |  4 +-
 src/views/main/SiteMenu.vue                   | 16 ++++----
 10 files changed, 44 insertions(+), 34 deletions(-)

diff --git a/src/locales/en.json b/src/locales/en.json
index c39b3f9..2ab9aff 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -28,4 +28,4 @@
     "accountmanagement": "Account Management",
     "security": "security"
   }
-}
+}
\ No newline at end of file
diff --git a/src/locales/fr.json b/src/locales/fr.json
index cd40749..eaf0e66 100644
--- a/src/locales/fr.json
+++ b/src/locales/fr.json
@@ -28,5 +28,4 @@
     "accountmanagement": "Gestion de comptes",
     "security": "Sécurité"
   }
-  
-}
+}
\ No newline at end of file
diff --git a/src/views/creators/SubscribeButton.vue b/src/views/creators/SubscribeButton.vue
index 567460a..d408ddc 100644
--- a/src/views/creators/SubscribeButton.vue
+++ b/src/views/creators/SubscribeButton.vue
@@ -32,7 +32,7 @@ function unsubscribeFromCreator() {
         @click="subscribeToCreator"
         color="white"
     >
-      S'ABONNER
+      {{ $t('subscribebutton.subscribe') }}
     </v-btn>
   </template>
 
@@ -44,7 +44,7 @@ function unsubscribeFromCreator() {
         style="transition: background-color 0.3s ease;"
         color="white"
     >
-      SE DESABONNER
+      {{ $t('subscribebutton.unsubscribe') }}
     </v-btn>
   </template>
 
diff --git a/src/views/creators/banner/bannerlower/BannerActionsLg.vue b/src/views/creators/banner/bannerlower/BannerActionsLg.vue
index 930e68f..d040195 100644
--- a/src/views/creators/banner/bannerlower/BannerActionsLg.vue
+++ b/src/views/creators/banner/bannerlower/BannerActionsLg.vue
@@ -19,7 +19,7 @@
           <div class="ml-60 text-white mr-10">
             <div>
               <p class="capitalize text-3xl font-bold ">{{ creator.name }}</p>
-              <div>{{ creator.subscriberCount }} Abonnés</div>
+              <div>{{ creator.subscriberCount }} {{ $t('banner.subscription') }}</div>
             </div>
           </div>
 
diff --git a/src/views/creators/banner/bannerlower/BannerActionsMd.vue b/src/views/creators/banner/bannerlower/BannerActionsMd.vue
index 51985c9..eb2b887 100644
--- a/src/views/creators/banner/bannerlower/BannerActionsMd.vue
+++ b/src/views/creators/banner/bannerlower/BannerActionsMd.vue
@@ -19,7 +19,7 @@
             <div class="flex justify-between">
               <div>
                 <p class="capitalize text-2xl font-bold">{{ creator.name }}</p>
-                <div>{{ creator.subscriberCount }} Abonnés</div>
+                <div>{{ creator.subscriberCount }} {{ $t('banner.subscription') }}</div>
                 
               </div>
               <div class="flex items-center">
diff --git a/src/views/creators/banner/bannerlower/BannerActionsSm.vue b/src/views/creators/banner/bannerlower/BannerActionsSm.vue
index 497d680..a37f1fb 100644
--- a/src/views/creators/banner/bannerlower/BannerActionsSm.vue
+++ b/src/views/creators/banner/bannerlower/BannerActionsSm.vue
@@ -19,7 +19,7 @@
 
           <div class="flex flex-column text-white capitalize px-2 mt-1">
             <p class="capitalize text-2xl font-bold">{{ creator.name }}</p>
-            <div>{{ creator.subscriberCount }} Abonnés</div>
+            <div>{{ creator.subscriberCount }} {{ $t('banner.subscription')}}</div>
           </div>
 
           <div class="flex ml-auto text-right text-white text-lg px-3 mt-2">
diff --git a/src/views/creators/banner/bannerlower/BannerActionsXl.vue b/src/views/creators/banner/bannerlower/BannerActionsXl.vue
index 930e68f..d040195 100644
--- a/src/views/creators/banner/bannerlower/BannerActionsXl.vue
+++ b/src/views/creators/banner/bannerlower/BannerActionsXl.vue
@@ -19,7 +19,7 @@
           <div class="ml-60 text-white mr-10">
             <div>
               <p class="capitalize text-3xl font-bold ">{{ creator.name }}</p>
-              <div>{{ creator.subscriberCount }} Abonnés</div>
+              <div>{{ creator.subscriberCount }} {{ $t('banner.subscription') }}</div>
             </div>
           </div>
 
diff --git a/src/views/main/Header.vue b/src/views/main/Header.vue
index deaab62..48c12db 100644
--- a/src/views/main/Header.vue
+++ b/src/views/main/Header.vue
@@ -7,7 +7,16 @@
       <v-app-bar-nav-icon @click.stop="sideBarStore.toggle()">
       </v-app-bar-nav-icon>
 
-      <RouterLink to="/">
+      <RouterLink class="d-sm-block d-md-block d-lg-none" to="/">
+        <v-img
+            src="/images/usersmedia/HutopyProfile/profilepictures/profileHutopyProfile01.png"
+            ref="popupButtonRef"
+            alt="Hutopy Logo"
+            class="w-10"
+        ></v-img>
+      </RouterLink>
+
+      <RouterLink class="d-none d-lg-flex" to="/">
         <v-img
             src="/medias/hutopy.png"
             ref="popupButtonRef"
@@ -68,7 +77,9 @@
         <v-icon class="mx-2 cursor-pointer" @click.stop="toggleSearch">mdi-magnify</v-icon>
       </template>
 
-      <v-icon class="mx-2">mdi-bell-outline</v-icon>
+      <v-btn variant="text" style="margin:0" @click="toggleLanguage">
+        {{ selectedLanguage === 'fr' ? 'Fr' : 'Eng' }}
+      </v-btn>
 
       <v-btn variant="text"  @click="changeLanguage('fr')">Français</v-btn>
       <v-btn variant="text" class="mx-2" @click="changeLanguage('en')">English</v-btn>
@@ -136,28 +147,28 @@
 </template>
 
 <script setup>
-import {ref, onBeforeUnmount, onBeforeMount} from "vue";
-import {useRouter} from 'vue-router';
-import {useSideBarStore} from '@/stores/sideBarStore.js';
-import {useUserStore} from "@/stores/userStore.js";
-import {useAuthStore} from "@/stores/authStore.js";
+import { ref, onBeforeUnmount, onBeforeMount } from "vue";
+import { useRouter } from 'vue-router';
+import { useSideBarStore } from '@/stores/sideBarStore.js';
+import { useUserStore } from "@/stores/userStore.js";
+import { useAuthStore } from "@/stores/authStore.js";
 import { useI18n } from 'vue-i18n';
 
 const { locale } = useI18n();
-const authStore = useAuthStore()
-const userStore = useUserStore()
-const sideBarStore = useSideBarStore()
+const authStore = useAuthStore();
+const userStore = useUserStore();
+const sideBarStore = useSideBarStore();
 
 const router = useRouter();
 const searchQuery = ref("");
 const showSearch = ref(false);
 
-// List of available languages
 const selectedLanguage = ref(locale.value);
 
-function changeLanguage(lang) {
-  locale.value = lang;
-  selectedLanguage.value = lang;
+function toggleLanguage() {
+  const newLang = selectedLanguage.value === 'fr' ? 'en' : 'fr';
+  locale.value = newLang;
+  selectedLanguage.value = newLang;
 }
 
 const onSearch = () => {
@@ -169,7 +180,7 @@ const onSearch = () => {
     if (words.length === 1) {
       router.push(`/@${words[0]}`);
     } else {
-      router.push({name: "browse", query: {q: query}});
+      router.push({ name: "browse", query: { q: query } });
     }
   }
 };
diff --git a/src/views/main/SideBar.vue b/src/views/main/SideBar.vue
index 1583fb0..50a11aa 100644
--- a/src/views/main/SideBar.vue
+++ b/src/views/main/SideBar.vue
@@ -12,8 +12,8 @@ const authStore = useAuthStore()
     <nav class="h-full grid grid-rows-[60px_1fr_auto]">
       <div></div>
 
-      <div v-if="authStore.isAuthenticated" class="pt-4 px-4">
-        <h2>Abonnements</h2>
+      <div v-if="authStore.isAuthenticated" class="pt-4 px-5">
+         {{ $t('sidebar.subscriptionTitle') }}
         <subscription-list>
           <template v-slot:default>
             <span>Aucun abonnement</span>
diff --git a/src/views/main/SiteMenu.vue b/src/views/main/SiteMenu.vue
index c4a94dc..9114bf4 100644
--- a/src/views/main/SiteMenu.vue
+++ b/src/views/main/SiteMenu.vue
@@ -17,17 +17,17 @@
     </div>
 
     <div class="py-4">
-      <RouterLink class="nav-button font-weight-bold" to="/join">Aidez-nous</RouterLink>
+      <RouterLink class="nav-button font-weight-bold" to="/join">{{ $t('sitemenu.HelpUs') }}</RouterLink>
     </div>
     
     <div class="text-center ">
-      <RouterLink class="nav-button" to="/helpandcontact">Aide & Contact</RouterLink>
-      <RouterLink class="nav-button" to="/faq">FAQ</RouterLink>
-      <RouterLink class="nav-button" to="/guideforcreators">Guide pour les créateurs</RouterLink>
-      <RouterLink class="nav-button" to="/termsandconditions">Conditions générales</RouterLink>
-      <RouterLink class="nav-button" to="/contentpolicy">Politique de Contenu</RouterLink>
-      <RouterLink class="nav-button" to="/about">À Propos</RouterLink>
-      <RouterLink class="nav-button" to="/pricing">Frais</RouterLink>
+      <RouterLink class="nav-button" to="/helpandcontact">{{ $t('sitemenu.HelpAndContact') }}</RouterLink>
+      <RouterLink class="nav-button" to="/faq">{{ $t('sitemenu.FAQ') }}</RouterLink>
+      <RouterLink class="nav-button" to="/guideforcreators">{{ $t('sitemenu.CreatorGuide') }}</RouterLink>
+      <RouterLink class="nav-button" to="/termsandconditions">{{ $t('sitemenu.TermsAndConditions') }}</RouterLink>
+      <RouterLink class="nav-button" to="/contentpolicy">{{ $t('sitemenu.ContentPolicy') }}</RouterLink>
+      <RouterLink class="nav-button" to="/about">{{ $t('sitemenu.About') }}</RouterLink>
+      <RouterLink class="nav-button" to="/pricing">{{ $t('sitemenu.Pricing') }}</RouterLink>
     </div>
   </div>
 </template>

From fb0cb96e471371e720c29141df7c1bd8bbafe53d Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Thu, 22 Aug 2024 01:54:44 -0400
Subject: [PATCH 3/8] translate words in Profilepage

---
 src/locales/fr.json               | 1 +
 src/views/profile/ProfilePage.vue | 8 ++++----
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/locales/fr.json b/src/locales/fr.json
index eaf0e66..6759acf 100644
--- a/src/locales/fr.json
+++ b/src/locales/fr.json
@@ -28,4 +28,5 @@
     "accountmanagement": "Gestion de comptes",
     "security": "Sécurité"
   }
+  
 }
\ No newline at end of file
diff --git a/src/views/profile/ProfilePage.vue b/src/views/profile/ProfilePage.vue
index e72459a..5b28fab 100644
--- a/src/views/profile/ProfilePage.vue
+++ b/src/views/profile/ProfilePage.vue
@@ -24,22 +24,22 @@
 
               <v-btn variant="text" @click="currentComponent = 'CreatorPage'">
                 <v-icon class="mr-2">mdi-file-edit-outline</v-icon>
-                Créateur
+                {{ $t('profilemenu.creator') }}
               </v-btn>
 
               <v-btn variant="text" @click="currentComponent = 'PersonnalInfo'">
                 <v-icon class="mr-2">mdi-information</v-icon>
-                Utilisateur
+                {{ $t('profilemenu.user') }}
               </v-btn>
 
               <v-btn variant="text" @click="currentComponent = 'ManageAccount'">
                 <v-icon class="mr-2">mdi-account</v-icon>
-                Gestion de Comptes
+                {{ $t('profilemenu.accountmanagement') }}
               </v-btn>
 
               <v-btn variant="text" @click="currentComponent = 'AccountSecurity'">
                 <v-icon class="mr-2">mdi-security</v-icon>
-                Sécurité
+                {{ $t('profilemenu.security') }}
               </v-btn>
 
             </div>

From 1052c4326ef3bca513dc6608a361fe7b6cb4b383 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Thu, 22 Aug 2024 12:35:28 -0400
Subject: [PATCH 4/8] Youpidou

---
 src/locales/en.json       | 4 ++++
 src/locales/fr.json       | 4 ++++
 src/views/main/Header.vue | 7 ++-----
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/locales/en.json b/src/locales/en.json
index 2ab9aff..7acd23b 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -27,5 +27,9 @@
     "user": "User",
     "accountmanagement": "Account Management",
     "security": "security"
+  },
+  "header": {
+    "myprofile": "My profile",
+    "wallet": "Wallet"
   }
 }
\ No newline at end of file
diff --git a/src/locales/fr.json b/src/locales/fr.json
index 6759acf..70a83a1 100644
--- a/src/locales/fr.json
+++ b/src/locales/fr.json
@@ -27,6 +27,10 @@
     "user": "utilisateur",
     "accountmanagement": "Gestion de comptes",
     "security": "Sécurité"
+  },
+  "header": {
+    "myprofile": "Mon profil",
+    "wallet": "PorteFeuille"
   }
   
 }
\ No newline at end of file
diff --git a/src/views/main/Header.vue b/src/views/main/Header.vue
index 48c12db..1859712 100644
--- a/src/views/main/Header.vue
+++ b/src/views/main/Header.vue
@@ -79,10 +79,7 @@
 
       <v-btn variant="text" style="margin:0" @click="toggleLanguage">
         {{ selectedLanguage === 'fr' ? 'Fr' : 'Eng' }}
-      </v-btn>
-
-      <v-btn variant="text"  @click="changeLanguage('fr')">Français</v-btn>
-      <v-btn variant="text" class="mx-2" @click="changeLanguage('en')">English</v-btn>
+      </v-btn>      
 
       <div class="text-center">
         <v-menu open-on-hover>
@@ -125,7 +122,7 @@
 
               <v-list-item class="nav-button">
                 <v-list-item-title>
-                  <v-btn to="/profile" class="w-100" variant="plain">{{ $t('header.MyProfile') }}</v-btn>
+                  <v-btn to="/profile" class="w-100" variant="plain">{{ $t('header.myprofile') }}</v-btn>
                 </v-list-item-title>
               </v-list-item>
               <v-list-item class="nav-button">

From 4ecc98f645e0c0511056c296945760512957991e Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Thu, 22 Aug 2024 12:39:03 -0400
Subject: [PATCH 5/8] Header

---
 src/locales/en.json       | 3 ++-
 src/locales/fr.json       | 3 ++-
 src/views/main/Header.vue | 4 ++--
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/locales/en.json b/src/locales/en.json
index 7acd23b..180e62d 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -30,6 +30,7 @@
   },
   "header": {
     "myprofile": "My profile",
-    "wallet": "Wallet"
+    "wallet": "Wallet",
+    "Signout": "Sign out"
   }
 }
\ No newline at end of file
diff --git a/src/locales/fr.json b/src/locales/fr.json
index 70a83a1..e651ad0 100644
--- a/src/locales/fr.json
+++ b/src/locales/fr.json
@@ -30,7 +30,8 @@
   },
   "header": {
     "myprofile": "Mon profil",
-    "wallet": "PorteFeuille"
+    "wallet": "PorteFeuille",
+    "Signout": "se déconnecter"
   }
   
 }
\ No newline at end of file
diff --git a/src/views/main/Header.vue b/src/views/main/Header.vue
index 1859712..62f74d5 100644
--- a/src/views/main/Header.vue
+++ b/src/views/main/Header.vue
@@ -127,12 +127,12 @@
               </v-list-item>
               <v-list-item class="nav-button">
                 <v-list-item-title>
-                  <v-btn to="/wallet" class="w-100" variant="plain">Portefeuille</v-btn>
+                  <v-btn to="/wallet" class="w-100" variant="plain">{{ $t('header.wallet') }}</v-btn>
                 </v-list-item-title>
               </v-list-item>
               <v-list-item class="nav-button">
                 <v-list-item-title>
-                  <v-btn @click="authStore.logout" class="w-100" variant="plain">Déconnexion</v-btn>
+                  <v-btn @click="authStore.logout" class="w-100" variant="plain">{{ $t('header.Signout') }}</v-btn>
                 </v-list-item-title>
               </v-list-item>
             </template>

From 0712693ed68dc409d5d92e13e622afdba9adf87f Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Thu, 22 Aug 2024 12:40:23 -0400
Subject: [PATCH 6/8] W-full Content Card

---
 src/views/contents/contentfullscreen/FullScreenContentMd.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/contents/contentfullscreen/FullScreenContentMd.vue b/src/views/contents/contentfullscreen/FullScreenContentMd.vue
index 86233f3..874a8ba 100644
--- a/src/views/contents/contentfullscreen/FullScreenContentMd.vue
+++ b/src/views/contents/contentfullscreen/FullScreenContentMd.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex h-[calc(100vh-118px)] -mt-2">
+  <div class="flex h-[calc(100vh-118px)] -mt-2 w-full">
     <!-- Homemade carousel -->
     <div class="flex-1 flex items-center justify-center bg-neutral-500 max-h-screen relative">
 

From d3f253f9ed2b357699cad9e42b30dd44e64a4693 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Thu, 22 Aug 2024 22:53:09 -0400
Subject: [PATCH 7/8] Add en/fr content

---
 src/locales/en.json                           | 18 ++++++++++++++++++
 src/locales/fr.json                           | 19 ++++++++++++++++++-
 src/views/contents/ContentCard.vue            |  2 +-
 .../contents/contentcards/NContentCard.vue    | 16 ++++++++--------
 .../contents/contentcards/SmContentCard.vue   | 16 ++++++++--------
 src/views/messages/Message.vue                |  6 +++---
 src/views/messages/PostMessage.vue            |  3 ++-
 7 files changed, 58 insertions(+), 22 deletions(-)

diff --git a/src/locales/en.json b/src/locales/en.json
index 180e62d..22e8d47 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -1,4 +1,8 @@
 {
+  "general": {
+    "yes": "yes",
+    "no": "no"            
+  },
   "banner": {
     "subscription": "Subscriptions"
   },
@@ -32,5 +36,19 @@
     "myprofile": "My profile",
     "wallet": "Wallet",
     "Signout": "Sign out"
+  },
+  "message": {    
+    "edit" : "Edit",
+    "delete": "Delete",
+    "report": "Report",
+    "yourcomment": "Your comment..."
+     },
+  "contentCard": {
+    "commenttitle": "comments",
+    "edit" : "Edit",
+    "delete" : "delete",
+    "report" : "report",
+    "deletecontenttitle": "Delete this content?",
+    "deeletecontentwarning": "Are you sure you want to delete the content?"
   }
 }
\ No newline at end of file
diff --git a/src/locales/fr.json b/src/locales/fr.json
index e651ad0..613d167 100644
--- a/src/locales/fr.json
+++ b/src/locales/fr.json
@@ -1,4 +1,8 @@
 {
+  "general": {
+    "yes": "oui",
+    "no": "non"
+  },
   "banner": {
     "subscription": "Abonnés"
   },
@@ -32,6 +36,19 @@
     "myprofile": "Mon profil",
     "wallet": "PorteFeuille",
     "Signout": "se déconnecter"
+  },
+  "message": {    
+    "edit" : "Modifier",
+    "delete": "Effacer",
+    "report": "Signaler",
+    "yourcomment": "Votre commentaire..."
+  },
+  "contentCard": {
+    "commenttitle": "commentaires",   
+    "edit" : "Modifier",
+    "delete" : "Effacer",
+    "report" : "signaler",
+    "deletecontenttitle": " Supprimer ce contenu?",
+    "deeletecontentwarning": "Êtes-vous sûr de vouloir supprimer le contenu?"
   }
-  
 }
\ No newline at end of file
diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index aab866e..4a6c400 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -114,7 +114,7 @@
               }">
         <div class="flex items-center justify-between py-4 text-2xl font-bold border-b mb-2">
           <div class="flex-1 text-center">
-            Supprimer ce contenu ?
+            {{$t('contentCard.deletecontenttitle')}}
           </div>
 
           <v-btn icon @click="openDeleteConfirmationModal = false" class="ml-auto mr-2" variant="text">
diff --git a/src/views/contents/contentcards/NContentCard.vue b/src/views/contents/contentcards/NContentCard.vue
index 50a8acf..76d5faf 100644
--- a/src/views/contents/contentcards/NContentCard.vue
+++ b/src/views/contents/contentcards/NContentCard.vue
@@ -26,13 +26,13 @@
             </template>
             <v-list>
               <v-list-item v-if="creatorIsCurrentUser" @click="editContent">
-                <v-list-item-title>Modifier le contenu</v-list-item-title>
+                <v-list-item-title>{{$t('contentCard.edit')}}</v-list-item-title>
               </v-list-item>
               <v-list-item v-if="creatorIsCurrentUser" @click="openDeleteConfirmationDialog">
-                <v-list-item-title>Effacer le contenu</v-list-item-title>
+                <v-list-item-title>{{$t('contentCard.delete')}}</v-list-item-title>
               </v-list-item>
               <v-list-item @click="reportContent">
-                <v-list-item-title>Reporter le contenu</v-list-item-title>
+                <v-list-item-title>{{$t('contentCard.report')}}</v-list-item-title>
               </v-list-item>
             </v-list>
           </v-menu>
@@ -89,7 +89,7 @@
       </div>
 
       <div :class="{'hidden': !messagesVisible}">
-        <h2 class="font-sans font-semibold mt-2">Commentaires</h2>
+        <h2 class="font-sans font-semibold mt-2">{{ $t('contentCard.commenttitle') }}</h2>
         <message-list
             :subject-id="props.content.id"
             :messages="messages"
@@ -114,7 +114,7 @@
               }">
         <div class="flex items-center justify-between py-4 text-2xl font-bold border-b mb-2">
           <div class="flex-1 text-center">
-            Supprimer ce contenu ?
+            {{$t('contentCard.deletecontenttitle')}}
           </div>
 
           <v-btn icon @click="openDeleteConfirmationModal = false" class="ml-auto mr-2" variant="text">
@@ -124,17 +124,17 @@
         </div>
 
         <div class=" mr-2">
-          Êtes-vous sûr de vouloir supprimer le contenu ?
+          {{$t('contentCard.deeletecontentwarning')}}
         </div>
 
         <div class="py-2 space-x-3">
           <v-btn variant="flat"
                  @click="deleteContent()" class=" mt-5">
-            Oui
+            {{$t('general.yes')}}
           </v-btn>
           <v-btn variant="outlined"
                  @click="openDeleteConfirmationModal = false" class=" mt-5">
-            Non
+            {{$t('general.no')}}
           </v-btn>
         </div>
       </v-card>
diff --git a/src/views/contents/contentcards/SmContentCard.vue b/src/views/contents/contentcards/SmContentCard.vue
index e869264..773c6d4 100644
--- a/src/views/contents/contentcards/SmContentCard.vue
+++ b/src/views/contents/contentcards/SmContentCard.vue
@@ -26,13 +26,13 @@
             </template>
             <v-list>
               <v-list-item v-if="creatorIsCurrentUser" @click="editContent">
-                <v-list-item-title>Modifier le contenu</v-list-item-title>
+                <v-list-item-title>{{ $t('contentCard.edit') }}</v-list-item-title>
               </v-list-item>
               <v-list-item v-if="creatorIsCurrentUser" @click="openDeleteConfirmationDialog">
-                <v-list-item-title>Effacer le contenu</v-list-item-title>
+                <v-list-item-title>{{ $t('contentCard.delete') }}</v-list-item-title>
               </v-list-item>
               <v-list-item @click="reportContent">
-                <v-list-item-title>Reporter le contenu</v-list-item-title>
+                <v-list-item-title>{{ $t('contentCard.report') }}</v-list-item-title>
               </v-list-item>
             </v-list>
           </v-menu>
@@ -89,7 +89,7 @@
       </div>
 
       <div :class="{'hidden': !messagesVisible}">
-        <h2 class="font-sans font-semibold ">Commentaires</h2>
+        <h2 class="font-sans font-semibold ">{{ $t('contentCard.commenttitle') }}</h2>
         <message-list
             :subject-id="props.content.id"
             :messages="messages"
@@ -114,7 +114,7 @@
               }">
         <div class="flex items-center justify-between py-4 text-2xl font-bold border-b mb-2">
           <div class="flex-1 text-center">
-            Supprimer ce contenu ?
+            {{$t('contentCard.deletecontenttitle')}}
           </div>
 
           <v-btn icon @click="openDeleteConfirmationModal = false" class="ml-auto mr-2" variant="text">
@@ -124,17 +124,17 @@
         </div>
 
         <div class=" mr-2">
-          Êtes-vous sûr de vouloir supprimer le contenu ?
+          {{$t('contentCard.deeletecontentwarning')}}
         </div>
 
         <div class="py-2 space-x-3">
           <v-btn variant="flat"
                  @click="deleteContent()" class=" mt-5">
-            Oui
+            {{$t('general.yes')}}
           </v-btn>
           <v-btn variant="outlined"
                  @click="openDeleteConfirmationModal = false" class=" mt-5">
-            Non
+            {{$t('general.no')}}
           </v-btn>
         </div>
       </v-card>
diff --git a/src/views/messages/Message.vue b/src/views/messages/Message.vue
index d715f56..02c3c0d 100644
--- a/src/views/messages/Message.vue
+++ b/src/views/messages/Message.vue
@@ -35,13 +35,13 @@
             </template>
             <v-list>
               <v-list-item @click="editMessage(message)">
-                <v-list-item-title>Edit</v-list-item-title>
+                <v-list-item-title>{{ $t('message.edit') }}</v-list-item-title>
               </v-list-item>
               <v-list-item @click="deleteMessage(message)">
-                <v-list-item-title>Delete</v-list-item-title>
+                <v-list-item-title>{{ $t('message.delete') }}</v-list-item-title>
               </v-list-item>
               <v-list-item @click="reportMessage(message)">
-                <v-list-item-title>Report</v-list-item-title>
+                <v-list-item-title>{{ $t('message.report') }}</v-list-item-title>
               </v-list-item>
             </v-list>
           </v-menu>
diff --git a/src/views/messages/PostMessage.vue b/src/views/messages/PostMessage.vue
index 9b5a691..eaaaf5d 100644
--- a/src/views/messages/PostMessage.vue
+++ b/src/views/messages/PostMessage.vue
@@ -8,7 +8,7 @@
               v-model="value"
               density="compact"
               variant="underlined"
-              placeholder="Votre commentaire..."
+              :placeholder="$t('message.yourcomment')"
               hide-details
               auto-grow
               rows="1"
@@ -72,6 +72,7 @@ const props = defineProps({
 
 const emits = defineEmits(['message-posted'])
 
+
 const loginModal = ref(false);
 const client = useClient()
 const value = ref("")

From ed307499db7c5c2b087b9bcdc135699935e59e67 Mon Sep 17 00:00:00 2001
From: Dominic Villemure <doumvil@hotmail.com>
Date: Sun, 25 Aug 2024 10:59:37 -0400
Subject: [PATCH 8/8] fix language toggle

---
 src/views/main/Header.vue | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/src/views/main/Header.vue b/src/views/main/Header.vue
index dad4fda..cb7386f 100644
--- a/src/views/main/Header.vue
+++ b/src/views/main/Header.vue
@@ -161,13 +161,7 @@ const searchQuery = ref("");
 const showSearch = ref(false);
 
 let selectedLanguage = ref(locale.value);
-
-function toggleLanguage() {
-  const newLang = selectedLanguage.value === 'fr' ? 'en' : 'fr';
-  locale.value = newLang;
-  selectedLanguage.value = newLang;
-}
-
+initializeLocale();
 const onSearch = () => {
   const query = searchQuery.value.trim();
   if (!query) {
@@ -210,7 +204,8 @@ function initializeLocale(){
   locale.value = selectedLanguage.value;
 }
 
-function changeLanguage(lang) {
+function toggleLanguage() {
+  const lang = selectedLanguage.value === 'fr' ? 'en' : 'fr';
   locale.value = lang;
   selectedLanguage.value = lang;
   localStorage.setItem('preferredLocale', lang);