correction logiciels artist

components/Logiciels/Artist/Solutions.vue

@@ -26,34 +26,34 @@
         column
         >
           <v-chip
-          class="ma-2 chip"
+          class="ma-2 chip-custom"
           label
           >
-            <span>Agenda</span>
+            <span class="chip-detail">Agenda</span>
           </v-chip>
           <v-chip
-          class="ma-2"
+          class="ma-2 chip-custom"
           label
           >
-            <span>Facturation</span>
+            <span class="chip-detail">Facturation</span>
           </v-chip>
           <v-chip
-          class="ma-2 chip"
+          class="ma-2 chip-custom"
           label
           >
-            <span>Comptabilité</span>
+            <span class="chip-detail">Comptabilité</span>
           </v-chip>
           <v-chip
-          class="ma-2 chip"
+          class="ma-2 chip-custom"
           label
           >
-            <span>Communication</span>
+            <span class="chip-detail">Communication</span>
           </v-chip>
           <v-chip
-          class="ma-2 chip"
+          class="ma-2 chip-custom"
           label
           >
-            <span>Site internet</span>
+            <span class="chip-detail">Site internet</span>
           </v-chip>
       </v-chip-group>
       </v-col>
@@ -81,39 +81,39 @@
         column
         >
           <v-chip
-          class="ma-2 chip"
+          class="ma-2 chip-custom"
           color="primary"
           label
           >
-            <span>Agenda</span>
+            <span class="chip-detail">Agenda</span>
           </v-chip>
           <v-chip
-          class="ma-2 chip"
+          class="ma-2 chip-custom"
           color="primary"
           label
           >
-            <span>Facturation</span>
+            <span class="chip-detail">Facturation</span>
           </v-chip>
           <v-chip
-          class="ma-2 chip"
+          class="ma-2 chip-custom"
           color="primary"
           label
           >
-            <span>Comptabilité</span>
+            <span class="chip-detail">Comptabilité</span>
           </v-chip>
           <v-chip
-          class="ma-2 chip"
+          class="ma-2 chip-custom"
           color="primary"
           label
           >
-            <span>Communication</span>
+            <span class="chip-detail">Communication</span>
           </v-chip>
           <v-chip
-          class="ma-2 chip"
+          class="ma-2 chip-custom"
           color="primary"
           label
           >
-            <span>Site internet</span>
+            <span class="chip-detail">Site internet</span>
           </v-chip>
       </v-chip-group>
       </v-col>
@@ -128,9 +128,11 @@
   
   <style scoped>
   
-  .chip {
-    /* position: inherit; */
-    color: black;
+  .chip-detail{
+    color: #000000;
+  }
+  .chip-custom {
+    color:white;
     border: 1px solid #0E2D32;
     border-radius: 3rem; 
     text-transform: uppercase;
@@ -141,7 +143,6 @@
   font-size: 14px;
   line-height: 16px;
   
-  /* identical to box height, or 114% */
   display: flex;
   align-items: center;
   text-align: center;

components/Logiciels/School/MenuScroll.vue

@@ -31,7 +31,6 @@ const activeMenu = ref(menus[0].label);
 
 const navigate = (menu) => {
   activeMenu.value = menu.label;
-  // En supposant que chaque composant de la page ait un ID qui correspond à son nom
   const element = document.getElementById(menu.label);
   if (element) {
     element.scrollIntoView({ behavior: "smooth" });

nuxt.config.ts

@@ -1,6 +1,7 @@
 import fs from "fs";
 import vuetify from "vite-plugin-vuetify";
 import { NuxtI18nOptions } from "@nuxtjs/i18n";
+import { fa } from "vuetify/lib/locale";
 
 /**
  * Nuxt configuration