From 0c6537bd6bad00fc0e3feff0063595c76e950a58 Mon Sep 17 00:00:00 2001
From: Jerome Villiseck <jerome.villiseck@outlook.com>
Date: Tue, 27 Aug 2024 14:53:13 +0200
Subject: [PATCH] - FONCTIONNEL : Mise en place d'un moyen de gestion global du
 style des composants en lien avec les themes vuetify

---
 src/App.vue                     | 7 +++++++
 src/components/Rcr.vue          | 6 ++++--
 src/plugins/vuetify.js          | 9 ---------
 src/views/Utilisateur/Login.vue | 2 +-
 4 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 1c1a51d..7d350db 100644
--- a/src/App.vue
+++ b/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>
diff --git a/src/components/Rcr.vue b/src/components/Rcr.vue
index 7e4fe76..a170a67 100644
--- a/src/components/Rcr.vue
+++ b/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>
+
diff --git a/src/plugins/vuetify.js b/src/plugins/vuetify.js
index 36c9288..532ff6d 100644
--- a/src/plugins/vuetify.js
+++ b/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',
-      }),
-    },
-  },
 })
diff --git a/src/views/Utilisateur/Login.vue b/src/views/Utilisateur/Login.vue
index 0fb1da9..a6075c6 100644
--- a/src/views/Utilisateur/Login.vue
+++ b/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>