src/pages/Ticket/Card/TicketComponents.vue

@@ -37,7 +37,8 @@ watch(
         getTheoricalCost();
         if (ticketData.value?.zone && ticketData.value?.zone?.isVolumetric)
             getTicketVolume();
-    }
+    },
+    { immediate: true }
 );
 
 const salesFilter = computed(() => ({
@@ -134,7 +135,6 @@ const getComponentsSum = async () => {
     try {
         const { data } = await axios.get(`Tickets/${route.params.id}/getComponentsSum`);
         componentsList.value = data;
-        console.log('componentsList', componentsList.value);
     } catch (error) {
         console.error(error);
     }
@@ -153,7 +153,6 @@ const getTicketVolume = async () => {
     try {
         if (!ticketData.value) return;
         const { data } = await axios.get(`Tickets/${ticketData.value.id}/getVolume`);
-        console.log('data volume: ', data);
         ticketVolume.value = data[0].volume;
     } catch (error) {
         console.error(error);
@@ -218,8 +217,12 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                     class="justify-center"
                     horizontal
                 >
-                    <span class="q-mr-xs color-vn-label"> {{ component.name }}: </span>
-                    <span>{{ toCurrency(component.value, 'EUR', 3) }}</span>
+                    <span v-if="component.name" class="q-mr-xs color-vn-label">
+                        {{ component.name }}:
+                    </span>
+                    <span v-if="component.value">{{
+                        toCurrency(component.value, 'EUR', 3)
+                    }}</span>
                 </QCardSection>
             </QCard>
             <QCard

src/pages/Ticket/Card/TicketService.vue

@@ -77,7 +77,6 @@ const getDefaultTaxClass = async () => {
             params: { filter: JSON.stringify(filter) },
         });
         defaultTaxClass.value = data;
-        console.log('defaultTaxClass', defaultTaxClass.value);
     } catch (error) {
         console.error(error);
     }