- FONCTIONNEL : Mise en place d'un moyen de gestion global du style d…

…es composants en lien avec les themes vuetify

src/App.vue

@@ -125,3 +125,10 @@ function toggleDrawer() {
   color: #B71C1C !important; /* Assure que le bouton de fermeture est de la même couleur que le texte */
 }
 </style>
+
+<style>
+.custom-card-title {
+  background-color: v-bind('$vuetify.theme.current.colors.primary');
+  color: white;
+}
+</style>

src/components/Rcr.vue

@@ -1,6 +1,6 @@
 A<template>
   <v-card elevation="0">
-    <v-card-title>
+    <v-card-title class="custom-card-title">
       <span>Sélection du RCR</span>
     </v-card-title>
     <v-card-text class="pt-5">
@@ -21,9 +21,10 @@ A<template>
 
 <script setup>
 import idrefService from '@/service/IdrefService'
-import {onMounted, ref} from 'vue'
+import {computed, onMounted, ref} from 'vue'
 import {useAuthStore} from '@/store/authStore'
 
+
 const authStore = useAuthStore()
 const listRcr = ref([])
 const rcr = defineModel()
@@ -64,3 +65,4 @@ onMounted(() => {
     });
 });
 </script>
+

src/plugins/vuetify.js

@@ -104,13 +104,4 @@ export default createVuetify({
       itemDarkTheme
     },
   },
-  defaults: {
-    VCardTitle: {
-      class: 'd-flex justify-space-between',
-      style: ({ $vuetify }) => ({
-        backgroundColor: $vuetify.theme.current.colors.primary,
-        color: 'white',
-      }),
-    },
-  },
 })

src/views/Utilisateur/Login.vue

@@ -21,7 +21,7 @@
           </v-col>
         </v-row>
         <v-card class="elevation-5">
-          <v-card-title class="py-4" style="background-color: #295494; color: white" >
+          <v-card-title class="py-4 custom-card-title">
             <span>Connexion</span>
           </v-card-title>
           <v-card-text>