various fixes

components/Common/MenuScroll.vue

@@ -100,7 +100,7 @@ const handleScroll = () => {
 .active {
   background-color: var(--scroll-menu-primary-color);
   color: var(--scroll-menu-on-primary-color);
-  border-radius: 16px;
+  border-radius: 16px !important;
   padding: 5px;
 }
 </style>

components/Common/Presentation.vue

@@ -90,7 +90,7 @@ defineProps({
   section2title: {
     type: String,
     required: false,
-    default: 'Des caractéristiques uniques & dédiée',
+    default: 'Des caractéristiques uniques & dédiées',
   },
   features: {
     type: Object as PropType<Array<string>>,

components/Formation/Presentation.vue

@@ -46,9 +46,9 @@
 
           <p class="details-programme">
             Afin de prendre en compte les évolutions de votre structure, nous
-            pouvons enseuite organiser des sessions de formations spécifiques
+            pouvons ensuite organiser des sessions de formations spécifiques
             pour répondre à vos besoins : outils complets, mise en route,
-            fonctionnalités spécifiques, utilisation du site web....
+            fonctionnalités spécifiques, utilisation du site web...
           </p>
         </v-col>
 

components/Home/Caroussel.vue

@@ -11,7 +11,7 @@ Carrousel de la page d'accueil
       :show-delimiters="false"
       :touch="true"
       :height="lgAndUp ? 500 : 800"
-      :interval="10000"
+      :interval="15000"
       :cycle="true"
     >
       <v-carousel-item v-for="(item, index) in carouselItems" :key="index">

components/Home/Promotion.vue

@@ -27,7 +27,7 @@
                 />
               </span>
 
-              , de votre structure culturelle.
+              de votre structure culturelle.
 
               <span class="inline-pic-container">
                 <v-img

components/Layout/Navigation.vue

@@ -2,9 +2,9 @@
 Menu Navigation
 -->
 <template>
-  <div v-intersect="onIntersect">
+  <div v-if="nuxtReady" v-intersect="onIntersect">
     <!-- Navigation (écran large) -->
-    <div v-if="lgAndUp || (!isMobileDevice() && !nuxtReady)">
+    <div v-if="lgAndUp">
       <LayoutNavigationLg :menu="menu" />
     </div>
 
@@ -13,13 +13,21 @@ Menu Navigation
       <LayoutNavigationMd :menu="menu" />
     </div>
   </div>
+  <div v-else class="loading-screen">
+    <v-img
+      src="/images/logos/opentalent/Logo_Opentalent-gris.png"
+      alt="Logo Opentalent - Agenda et logiciels culturels"
+      class="logo ml-4"
+      width="200"
+    />
+    <v-progress-circular indeterminate />
+  </div>
 </template>
 
 <script setup lang="ts">
 import { useDisplay } from 'vuetify'
 import type { MainMenuItem } from '~/types/interface'
 import { useLayoutStore } from '~/stores/layoutStore'
-import { useClientDevice } from '~/composables/useClientDevice'
 
 // On force la version écran large au build côté serveur si l'écran fait plus de 1280px de large
 const nuxtReady = ref(false)
@@ -29,8 +37,6 @@ onNuxtReady(() => {
 
 const { lgAndUp } = useDisplay()
 
-const { isMobileDevice } = useClientDevice()
-
 const menu: Array<MainMenuItem> = [
   {
     label: 'Nos logiciels',
@@ -64,4 +70,22 @@ const onIntersect = (isIntersecting: boolean) => {
 }
 </script>
 
-<style scoped></style>
+<style scoped lang="scss">
+.loading-screen {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  height: 120px;
+  padding: 16px;
+  margin: 0 10%;
+
+  .v-img {
+    max-width: 300px;
+  }
+
+  .v-progress-circular {
+    color: var(--primary-color);
+  }
+}
+</style>

components/Logiciels/Artist/Abonnement.vue

@@ -26,7 +26,7 @@
 
           <p class="cmf">
             Adhérents CMF ? <br />
-            Et si on vous disait que vous l’aviez déjà&nbsp;...
+            Et si on vous disait que vous l’avez déjà&nbsp;...
           </p>
 
           <div class="adherent-warning">
@@ -48,7 +48,7 @@
                 France (CMF), vous bénéficiez gratuitement, dans le cadre de
                 votre adhésion, de la version Opentalent Artist Standard, et de
                 conditions privilégiées pour la version Artist Premium.
-                Contactez nous ou contactez votre fédération pour obtenir vos
+                Contactez-nous ou contactez votre fédération pour obtenir vos
                 codes d'accès.
               </p>
 

components/Logiciels/Artist/Fonctionnalites.vue

@@ -19,7 +19,7 @@ const cards: Array<Functionality> = [
     logoAlt: 'Icône smartphone avec cadenas verrouillé',
     title: 'ESPACES DÉDIÉS *',
     list: ['Administrations', 'Membres/Adhérents'],
-    options: ['*Disponible sur tous supports'],
+    options: ['*Disponible sur tout support'],
   },
   {
     logo: '/images/components/fonctionnalites/Icone_repertoire.svg',

components/Logiciels/Artist/Formations.vue

@@ -29,7 +29,7 @@
                 cirque. Cette session interactive vous offre une occasion unique
                 de vous immerger dans les fonctionnalités de notre logiciel, de
                 comprendre ses avantages distinctifs et d'explorer les diverses
-                versions disponibles. Ne manquez pas cette chance de simplifiez
+                versions disponibles. Ne manquez pas cette chance de simplifier
                 votre gestion et de faire évoluer votre pratique artistique avec
                 nos solutions technologiques innovantes !
               </p>

components/Logiciels/Manager/Fonctionnalites.vue

@@ -23,7 +23,7 @@ const cards: Array<Functionality> = [
     logoAlt: 'Icône smartphone avec cadenas verrouillé',
     title: 'ESPACES DÉDIÉS *',
     list: ['Administration', 'Membres / Adhérents'],
-    options: ['*Disponible sur tous supports '],
+    options: ['*Disponible sur tout support '],
   },
   {
     logo: '/images/components/fonctionnalites/Icone_repertoire.svg',

components/Logiciels/School/Fonctionnalites.vue

@@ -17,7 +17,7 @@ const cards: Array<Functionality> = [
     logoAlt: 'Icône smartphone avec cadenas verrouillé',
     title: 'ESPACES DÉDIÉS *',
     list: ['Administration', 'Professeurs', 'Élèves / Familles'],
-    options: ['* Disponible sur tous supports'],
+    options: ['* Disponible sur tout support'],
   },
   {
     logo: '/images/components/fonctionnalites/Icone_repertoire.svg',

components/Webinaire/Catalogue.vue

@@ -199,7 +199,7 @@ const courses: Array<Training> = [
     imageUrl: '/images/logos/opentalent/Logo_Opentalent_Manager_Griffe.png',
     imageAlt: 'Esperluette du logo Opentalent Manager',
     description:
-      "Ces webinaires  sont spécialement conçues pour les utilisateurs du logiciel fédéral de la CMF (Confédération Musicale de France). Gagner en temps administratif, booster vos performances et optimiser l'utilisation du logiciel.",
+      "Ces webinaires sont spécialement conçus pour les utilisateurs du logiciel fédéral de la CMF (Confédération Musicale de France). Gagnez en temps administratif, boostez vos performances et optimisez l'utilisation du logiciel.",
     objectives: [
       "Configurer l'appel de cotisation",
       "Suivre l'appel de cotisation",

nuxt.config.ts

@@ -148,7 +148,7 @@ export default defineNuxtConfig({
   },
   vite: {
     esbuild: {
-      // drop: process.env.DEBUG ? [] : ['console', 'debugger'],
+      drop: process.env.DEBUG ? [] : ['console', 'debugger'],
       tsconfigRaw: {
         compilerOptions: {
           experimentalDecorators: true,