Vue warn

front-vite/src/App.vue

@@ -9,7 +9,7 @@
     <template #item="{ item, props, hasSubmenu }">
       <div v-if="isAdmin == item.isAdmin && isAuth == item.isAuth">
         <router-link v-if="item.route" v-slot="{ href, navigate }" :to="item.route" custom>
-          <a v-ripple :href="href" v-bind="props.action" @click="navigate"
+          <a :href="href" v-bind="props.action" @click="navigate"
             :class="item.route == $route.fullPath ? 'p-menuitem-active' : ' '">
             <span :class="item.icon" />
             <span class="ml-2 item-label">{{ item.label }}</span>

front-vite/src/components/EventReservationForm.vue

@@ -1,4 +1,5 @@
 <template>
+  <div>
   <vv-form @submit="values => emits('submit', values)" class="mt-4" :validation-schema="formSchema"
     :initial-values="formValues" v-slot="{ errors }">
 
@@ -214,6 +215,7 @@
             </div>
           </template>
         </Toast>
+      </div>
 </template>
 
 <script setup lang="ts">
@@ -234,7 +236,7 @@ const props = defineProps({
   saveError: {
     type: Object,
     required: false, 
-    default: ''
+    default: { name: '' }
   },
   displayCancel: {
     type: Boolean,
@@ -258,11 +260,10 @@ const origins = CONFIGURATION.ORIGINS
 
 
 watch(
-  () => props.saveError, (prev, next) => { 
+  () => props.saveError, (prev, next) => {  
     if (props.saveError.name == "Error") {
       toast.add({ severity: 'error', summary: 'Sauvegarde impossible', detail: props.saveError.message, life: 10000 });
     }
-
   },
   { deep: true });
 

front-vite/src/views/ReservationFormView.vue

@@ -1,5 +1,5 @@
 <template>
-
+<div>
   <header class="bg-white shadow">
     <div class="mx-auto max-w-7xl px-4 py-6 sm:px-6 lg:px-8">
       <h1 class="text-3xl font-bold tracking-tight text-gray-900">
@@ -122,6 +122,7 @@
     </template>
 
   </main>
+</div>
 </template>
 
 <script setup lang="ts">