refcactor: refs #6899 deleted warnings

src/components/VnTable/VnTable.vue

@@ -63,6 +63,10 @@ const $props = defineProps({
         type: Boolean,
         default: true,
     },
+    table: {
+        type: Object,
+        default: () => ({}),
+    },
 });
 const { t } = useI18n();
 const stateStore = useStateStore();
@@ -243,7 +247,7 @@ defineExpose({
             </template>
             <template #body="{ rows }">
                 <QTable
-                    v-bind="$attrs['q-table']"
+                    v-bind="table"
                     class="vnTable"
                     :columns="splittedColumns.columns"
                     :rows="rows"

src/pages/InvoiceOut/InvoiceOutGlobalForm.vue

@@ -48,7 +48,7 @@ const getStatus = computed({
 
 onMounted(async () => {
     await invoiceOutGlobalStore.init();
-    formData.value = { ...formInitialData.value };
+    formData.value = formInitialData.value.invoiceDate;
 });
 </script>
 

src/pages/InvoiceOut/InvoiceOutList.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { onMounted, onUnmounted, ref, computed, watch } from 'vue';
+import { onMounted, onUnmounted, ref, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 import VnSelect from 'src/components/common/VnSelect.vue';
 import VnInputDate from 'src/components/common/VnInputDate.vue';
@@ -12,6 +12,7 @@ import InvoiceOutSummary from './Card/InvoiceOutSummary.vue';
 import { toCurrency, toDate } from 'src/filters/index';
 import { useStateStore } from 'stores/useStateStore';
 import { QBtn } from 'quasar';
+import { watchEffect } from 'vue';
 
 const { t } = useI18n();
 const stateStore = useStateStore();
@@ -145,7 +146,7 @@ function openPdf(id) {
     } catch (err) {
         console.error('Error opening PDF', err);
     }
-};
+}
 
 function downloadPdf() {
     try {
@@ -174,7 +175,7 @@ function downloadPdf() {
     }
 }
 
-watch(selectedRows, { deep: true });
+watchEffect(selectedRows);
 </script>
 
 <template>
@@ -185,7 +186,12 @@ watch(selectedRows, { deep: true });
     />
     <VnSubToolbar>
         <template #st-actions>
-            <QBtn color="primary" icon-right="cloud_download" @click="downloadPdf()" :disable="!hasSelectedCards">
+            <QBtn
+                color="primary"
+                icon-right="cloud_download"
+                @click="downloadPdf()"
+                :disable="!hasSelectedCards"
+            >
                 <QTooltip>{{ t('globals.downloadPdf') }}</QTooltip>
             </QBtn>
         </template>
@@ -208,11 +214,10 @@ watch(selectedRows, { deep: true });
         default-mode="table"
         redirect="invoice-out"
         auto-load
-        :q-table="{
-            'row-key':'id',
-            selection:'multiple'
+        :table="{
+            'row-key': 'id',
+            selection: 'multiple',
         }"
-
     >
         <template #more-create-dialog="{ data }">
             <VnSelect