fix: master test-transaction

app/Http/Controllers/TestTransactionController.php

@@ -42,7 +42,7 @@ class TestTransactionController extends Controller
 
         $entryTransactionCount = EntryTransaction::get()->count();
 
-        $outTransaction = OutTransaction::latest()
+        $outTransactions = OutTransaction::latest()
             ->paginate(5)
             ->withQueryString()
             ->through(fn($transactionOut) => [
@@ -61,7 +61,7 @@ class TestTransactionController extends Controller
         return inertia('test-transaction/Create.vue', compact([
             'entryTransactions',
             'entryTransactionCount',
-            'outTransaction',
+            'outTransactions',
             'outTransactionCount',
             'typeVehicles',
         ]));

public/js/resources_js_pages_test-transaction_Create_vue.js

@@ -650,22 +650,32 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
     data: Object,
     dataCount: Number,
     typeVehicles: Object,
-    entryTransactions: Object,
+    entryTransactionData: Object,
     entryTransactionCount: Number
   },
   setup: function setup(__props, _ref) {
     var expose = _ref.expose;
     expose();
     var props = __props;
-    var localEntryTransactions = (0,vue__WEBPACK_IMPORTED_MODULE_0__.reactive)([]);
-    var localEntryTransactionDeleted = (0,vue__WEBPACK_IMPORTED_MODULE_0__.reactive)([]);
+    (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(function () {
+      return props.entryTransactionData;
+    }, function () {
+      setLocalEntryTransaction();
+    });
     (0,vue__WEBPACK_IMPORTED_MODULE_0__.onMounted)(function () {
-      localEntryTransactions.push.apply(localEntryTransactions, _toConsumableArray(props.entryTransactions.data));
+      setLocalEntryTransaction();
     });
+    var localEntryTransactions = (0,vue__WEBPACK_IMPORTED_MODULE_0__.reactive)([]);
+    var localEntryTransactionDeleted = (0,vue__WEBPACK_IMPORTED_MODULE_0__.reactive)([]);
+
+    var setLocalEntryTransaction = function setLocalEntryTransaction() {
+      localEntryTransactions.splice(0);
+      localEntryTransactions.push.apply(localEntryTransactions, _toConsumableArray(props.entryTransactionData.data));
+    };
 
     var copy = function copy(data) {
       form.entry_transaction_id = data.transactionNumber;
-      var filterLocalEntryTransactions = props.entryTransactions.data.filter(function (val) {
+      var filterLocalEntryTransactions = props.entryTransactionData.data.filter(function (val) {
         localEntryTransactionDeleted.push(data.transactionNumber);
         return val.entryTransactionId !== data.transactionNumber;
       });
@@ -688,10 +698,12 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
       props: props,
       localEntryTransactions: localEntryTransactions,
       localEntryTransactionDeleted: localEntryTransactionDeleted,
+      setLocalEntryTransaction: setLocalEntryTransaction,
       copy: copy,
       form: form,
       submit: submit,
       reactive: vue__WEBPACK_IMPORTED_MODULE_0__.reactive,
+      watch: vue__WEBPACK_IMPORTED_MODULE_0__.watch,
       onMounted: vue__WEBPACK_IMPORTED_MODULE_0__.onMounted,
       useForm: _inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_1__.useForm,
       AppInputText: _components_AppInputText_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
@@ -1639,7 +1651,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       }, 8
       /* PROPS */
       , ["value"]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppPagination"], {
-        links: $props.entryTransactions.links
+        links: $props.entryTransactionData.links
       }, null, 8
       /* PROPS */
       , ["links"]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Divider, {

public/js/resources_js_pages_test-transaction_Out_vue.js

@@ -230,22 +230,32 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
     data: Object,
     dataCount: Number,
     typeVehicles: Object,
-    entryTransactions: Object,
+    entryTransactionData: Object,
     entryTransactionCount: Number
   },
   setup: function setup(__props, _ref) {
     var expose = _ref.expose;
     expose();
     var props = __props;
-    var localEntryTransactions = (0,vue__WEBPACK_IMPORTED_MODULE_0__.reactive)([]);
-    var localEntryTransactionDeleted = (0,vue__WEBPACK_IMPORTED_MODULE_0__.reactive)([]);
+    (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(function () {
+      return props.entryTransactionData;
+    }, function () {
+      setLocalEntryTransaction();
+    });
     (0,vue__WEBPACK_IMPORTED_MODULE_0__.onMounted)(function () {
-      localEntryTransactions.push.apply(localEntryTransactions, _toConsumableArray(props.entryTransactions.data));
+      setLocalEntryTransaction();
     });
+    var localEntryTransactions = (0,vue__WEBPACK_IMPORTED_MODULE_0__.reactive)([]);
+    var localEntryTransactionDeleted = (0,vue__WEBPACK_IMPORTED_MODULE_0__.reactive)([]);
+
+    var setLocalEntryTransaction = function setLocalEntryTransaction() {
+      localEntryTransactions.splice(0);
+      localEntryTransactions.push.apply(localEntryTransactions, _toConsumableArray(props.entryTransactionData.data));
+    };
 
     var copy = function copy(data) {
       form.entry_transaction_id = data.transactionNumber;
-      var filterLocalEntryTransactions = props.entryTransactions.data.filter(function (val) {
+      var filterLocalEntryTransactions = props.entryTransactionData.data.filter(function (val) {
         localEntryTransactionDeleted.push(data.transactionNumber);
         return val.entryTransactionId !== data.transactionNumber;
       });
@@ -268,10 +278,12 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
       props: props,
       localEntryTransactions: localEntryTransactions,
       localEntryTransactionDeleted: localEntryTransactionDeleted,
+      setLocalEntryTransaction: setLocalEntryTransaction,
       copy: copy,
       form: form,
       submit: submit,
       reactive: vue__WEBPACK_IMPORTED_MODULE_0__.reactive,
+      watch: vue__WEBPACK_IMPORTED_MODULE_0__.watch,
       onMounted: vue__WEBPACK_IMPORTED_MODULE_0__.onMounted,
       useForm: _inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_1__.useForm,
       AppInputText: _components_AppInputText_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
@@ -585,7 +597,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       }, 8
       /* PROPS */
       , ["value"]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppPagination"], {
-        links: $props.entryTransactions.links
+        links: $props.entryTransactionData.links
       }, null, 8
       /* PROPS */
       , ["links"]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Divider, {

resources/js/pages/test-transaction/Out.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { reactive, onMounted } from 'vue'
+import { reactive, watch, onMounted } from 'vue'
 import { useForm } from '@inertiajs/inertia-vue3'
 import AppInputText from '@/components/AppInputText.vue'
 import AppDropdown from '@/components/AppDropdown.vue'
@@ -11,21 +11,34 @@ const props = defineProps({
   data: Object,
   dataCount: Number,
   typeVehicles: Object,
-  entryTransactions: Object,
+  entryTransactionData: Object,
   entryTransactionCount: Number,
 })
 
-const localEntryTransactions = reactive([])
-const localEntryTransactionDeleted = reactive([])
+watch(
+  () => props.entryTransactionData,
+  () => {
+    setLocalEntryTransaction()
+  }
+)
 
 onMounted(() => {
-  localEntryTransactions.push(...props.entryTransactions.data)
+  setLocalEntryTransaction()
 })
 
+const localEntryTransactions = reactive([])
+
+const localEntryTransactionDeleted = reactive([])
+
+const setLocalEntryTransaction = () => {
+  localEntryTransactions.splice(0)
+  localEntryTransactions.push(...props.entryTransactionData.data)
+}
+
 const copy = (data) => {
   form.entry_transaction_id = data.transactionNumber
 
-  const filterLocalEntryTransactions = props.entryTransactions.data.filter((val) => {
+  const filterLocalEntryTransactions = props.entryTransactionData.data.filter((val) => {
     localEntryTransactionDeleted.push(data.transactionNumber)
 
     return val.entryTransactionId !== data.transactionNumber
@@ -70,7 +83,7 @@ const submit = () => {
         </Column>
       </DataTable>
 
-      <AppPagination :links="entryTransactions.links" />
+      <AppPagination :links="entryTransactionData.links" />
 
       <Divider type="dashed" />