fix: ProductCreate dialog

public/js/resources_js_pages_Sales_Create_vue.js

       onSubmit: onSubmit,
       useForm: _inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_0__.useForm,
       Head: _inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_0__.Head,
-      usePage: _inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_0__.usePage,
       useFormErrorReset: _components_useFormErrorReset__WEBPACK_IMPORTED_MODULE_1__.useFormErrorReset,
       useProductAutoComplete: _useProductAutoComplete__WEBPACK_IMPORTED_MODULE_2__.useProductAutoComplete,
       useCustomerAutoComplete: _useCustomerAutoComplete__WEBPACK_IMPORTED_MODULE_3__.useCustomerAutoComplete,
 /* harmony import */ var _inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @inertiajs/inertia-vue3 */ "./node_modules/@inertiajs/inertia-vue3/dist/index.js");
 /* harmony import */ var _components_useFormErrorReset__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/components/useFormErrorReset */ "./resources/js/components/useFormErrorReset.js");
 /* harmony import */ var _components_AppInputText_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/components/AppInputText.vue */ "./resources/js/components/AppInputText.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 
 
 
   setup: function setup(__props, _ref) {
     var expose = _ref.expose;
     expose();
-    (0,vue__WEBPACK_IMPORTED_MODULE_0__.onMounted)(function () {
+
+    var getProductNumber = function getProductNumber() {
       _inertiajs_inertia__WEBPACK_IMPORTED_MODULE_1__.Inertia.reload({
         only: ['productNumber']
       });
-    });
-    (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(function () {
-      return (0,_inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_2__.usePage)().props.value.productNumber;
-    }, function (val) {
-      return form.number = val;
+    };
+
+    (0,vue__WEBPACK_IMPORTED_MODULE_0__.onMounted)(function () {
+      return getProductNumber();
     });
     var form = (0,_inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_2__.useForm)({
-      number: null,
       name: null,
       unit: null
     });
     (0,_components_useFormErrorReset__WEBPACK_IMPORTED_MODULE_3__.useFormErrorReset)(form);
 
     var onSubmit = function onSubmit() {
-      form.post(route('products.store'), {
+      form.transform(function (data) {
+        return _objectSpread({
+          number: (0,_inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_2__.usePage)().props.value.productNumber
+        }, data);
+      }).post(route('products.store'), {
         onSuccess: function onSuccess() {
           return form.reset();
+        },
+        onFinish: function onFinish() {
+          return getProductNumber();
         }
       });
     };
 
     var __returned__ = {
+      getProductNumber: getProductNumber,
       form: form,
       onSubmit: onSubmit,
       onMounted: vue__WEBPACK_IMPORTED_MODULE_0__.onMounted,
-      watch: vue__WEBPACK_IMPORTED_MODULE_0__.watch,
       Inertia: _inertiajs_inertia__WEBPACK_IMPORTED_MODULE_1__.Inertia,
       useForm: _inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_2__.useForm,
       usePage: _inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_2__.usePage,
     disabled: "",
     label: "Nomor Produk",
     placeholder: "nomor produk",
-    error: $setup.form.errors.number,
-    modelValue: $setup.form.number,
+    modelValue: _ctx.$page.props.productNumber,
     "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
-      return $setup.form.number = $event;
+      return _ctx.$page.props.productNumber = $event;
     })
   }, null, 8
   /* PROPS */
-  , ["error", "modelValue"])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_3, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppInputText"], {
+  , ["modelValue"])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_3, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppInputText"], {
     label: "Nama",
     placeholder: "nama",
     error: $setup.form.errors.name,

public/js/resources_js_pages_Sales_Dialog_ProductCreate_vue.js

 /* harmony import */ var _inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @inertiajs/inertia-vue3 */ "./node_modules/@inertiajs/inertia-vue3/dist/index.js");
 /* harmony import */ var _components_useFormErrorReset__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/components/useFormErrorReset */ "./resources/js/components/useFormErrorReset.js");
 /* harmony import */ var _components_AppInputText_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/components/AppInputText.vue */ "./resources/js/components/AppInputText.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 
 
 
   setup: function setup(__props, _ref) {
     var expose = _ref.expose;
     expose();
-    (0,vue__WEBPACK_IMPORTED_MODULE_0__.onMounted)(function () {
+
+    var getProductNumber = function getProductNumber() {
       _inertiajs_inertia__WEBPACK_IMPORTED_MODULE_1__.Inertia.reload({
         only: ['productNumber']
       });
-    });
-    (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(function () {
-      return (0,_inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_2__.usePage)().props.value.productNumber;
-    }, function (val) {
-      return form.number = val;
+    };
+
+    (0,vue__WEBPACK_IMPORTED_MODULE_0__.onMounted)(function () {
+      return getProductNumber();
     });
     var form = (0,_inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_2__.useForm)({
-      number: null,
       name: null,
       unit: null
     });
     (0,_components_useFormErrorReset__WEBPACK_IMPORTED_MODULE_3__.useFormErrorReset)(form);
 
     var onSubmit = function onSubmit() {
-      form.post(route('products.store'), {
+      form.transform(function (data) {
+        return _objectSpread({
+          number: (0,_inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_2__.usePage)().props.value.productNumber
+        }, data);
+      }).post(route('products.store'), {
         onSuccess: function onSuccess() {
           return form.reset();
+        },
+        onFinish: function onFinish() {
+          return getProductNumber();
         }
       });
     };
 
     var __returned__ = {
+      getProductNumber: getProductNumber,
       form: form,
       onSubmit: onSubmit,
       onMounted: vue__WEBPACK_IMPORTED_MODULE_0__.onMounted,
-      watch: vue__WEBPACK_IMPORTED_MODULE_0__.watch,
       Inertia: _inertiajs_inertia__WEBPACK_IMPORTED_MODULE_1__.Inertia,
       useForm: _inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_2__.useForm,
       usePage: _inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_2__.usePage,
     disabled: "",
     label: "Nomor Produk",
     placeholder: "nomor produk",
-    error: $setup.form.errors.number,
-    modelValue: $setup.form.number,
+    modelValue: _ctx.$page.props.productNumber,
     "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
-      return $setup.form.number = $event;
+      return _ctx.$page.props.productNumber = $event;
     })
   }, null, 8
   /* PROPS */
-  , ["error", "modelValue"])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_3, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppInputText"], {
+  , ["modelValue"])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_3, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppInputText"], {
     label: "Nama",
     placeholder: "nama",
     error: $setup.form.errors.name,

public/js/resources_js_pages_Sales_useProductAutoComplete_js.js

 /* harmony import */ var _inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @inertiajs/inertia-vue3 */ "./node_modules/@inertiajs/inertia-vue3/dist/index.js");
 /* harmony import */ var _components_useFormErrorReset__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/components/useFormErrorReset */ "./resources/js/components/useFormErrorReset.js");
 /* harmony import */ var _components_AppInputText_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/components/AppInputText.vue */ "./resources/js/components/AppInputText.vue");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 
 
 
   setup: function setup(__props, _ref) {
     var expose = _ref.expose;
     expose();
-    (0,vue__WEBPACK_IMPORTED_MODULE_0__.onMounted)(function () {
+
+    var getProductNumber = function getProductNumber() {
       _inertiajs_inertia__WEBPACK_IMPORTED_MODULE_1__.Inertia.reload({
         only: ['productNumber']
       });
-    });
-    (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(function () {
-      return (0,_inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_2__.usePage)().props.value.productNumber;
-    }, function (val) {
-      return form.number = val;
+    };
+
+    (0,vue__WEBPACK_IMPORTED_MODULE_0__.onMounted)(function () {
+      return getProductNumber();
     });
     var form = (0,_inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_2__.useForm)({
-      number: null,
       name: null,
       unit: null
     });
     (0,_components_useFormErrorReset__WEBPACK_IMPORTED_MODULE_3__.useFormErrorReset)(form);
 
     var onSubmit = function onSubmit() {
-      form.post(route('products.store'), {
+      form.transform(function (data) {
+        return _objectSpread({
+          number: (0,_inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_2__.usePage)().props.value.productNumber
+        }, data);
+      }).post(route('products.store'), {
         onSuccess: function onSuccess() {
           return form.reset();
+        },
+        onFinish: function onFinish() {
+          return getProductNumber();
         }
       });
     };
 
     var __returned__ = {
+      getProductNumber: getProductNumber,
       form: form,
       onSubmit: onSubmit,
       onMounted: vue__WEBPACK_IMPORTED_MODULE_0__.onMounted,
-      watch: vue__WEBPACK_IMPORTED_MODULE_0__.watch,
       Inertia: _inertiajs_inertia__WEBPACK_IMPORTED_MODULE_1__.Inertia,
       useForm: _inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_2__.useForm,
       usePage: _inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_2__.usePage,
     disabled: "",
     label: "Nomor Produk",
     placeholder: "nomor produk",
-    error: $setup.form.errors.number,
-    modelValue: $setup.form.number,
+    modelValue: _ctx.$page.props.productNumber,
     "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
-      return $setup.form.number = $event;
+      return _ctx.$page.props.productNumber = $event;
     })
   }, null, 8
   /* PROPS */
-  , ["error", "modelValue"])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_3, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppInputText"], {
+  , ["modelValue"])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_3, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppInputText"], {
     label: "Nama",
     placeholder: "nama",
     error: $setup.form.errors.name,

public/js/vue.js

 /******/ 		// This function allow to reference async chunks
 /******/ 		__webpack_require__.u = (chunkId) => {
 /******/ 			// return url for filenames based on template
-/******/ 			return "js/" + chunkId + ".js?id=" + {"node_modules_chart_js_auto_auto_esm_js":"9296b829a7757dee","resources_js_pages_Auth_Login_vue":"3660adc6dce187d8","resources_js_pages_Customers_Create_vue":"ab9bd343966b4d44","resources_js_pages_Customers_Edit_vue":"43cd02b13e83baf5","resources_js_pages_Customers_Index_vue":"dc0859b7c75635df","resources_js_pages_Customers_tableHeader_js":"7a40a3d5ad60171c","resources_js_pages_Dashboards_Index_vue":"d047230cdee29fad","resources_js_pages_Error_Index_vue":"4119ff1c60260652","resources_js_pages_Products_Create_vue":"10d89c8a59b2f103","resources_js_pages_Products_Edit_vue":"61d1ee9dcc828ea5","resources_js_pages_Products_Index_vue":"e49403de81bc3f1c","resources_js_pages_Products_tableHeader_js":"951f590b1402bd34","resources_js_pages_Purchases_Index_vue":"8f94b83ac3bfdbc1","resources_js_pages_Sales_Components_SaleDetails_vue":"fe25c66092db0ff5","resources_js_pages_Sales_Create_vue":"3b328979537c817c","resources_js_pages_Sales_Dialog_CustomerCreate_vue":"b851689539704090","resources_js_pages_Sales_Dialog_ProductCreate_vue":"97d7a0fcc836ae80","resources_js_pages_Sales_Index_vue":"b4ac2a11e8996a80","resources_js_pages_Sales_config_js":"31265026d1001cfb","resources_js_pages_Sales_useCustomerAutoComplete_js":"befa6e915bae5874","resources_js_pages_Sales_useProductAutoComplete_js":"00ad559f108a40a1","resources_js_pages_StockProducts_Index_vue":"7b97c2c3e75fe4d2","resources_js_pages_Suppliers_Create_vue":"5751556489c5210b","resources_js_pages_Suppliers_Edit_vue":"ad3d3ecc739d791f","resources_js_pages_Suppliers_Index_vue":"6a2d438bd4ecc26e","resources_js_pages_Suppliers_tableHeader_js":"500bc29ff0dbddce","resources_js_pages_Users_Create_vue":"18947882650f4b03","resources_js_pages_Users_Edit_vue":"dd486fa9d6812c88","resources_js_pages_Users_Index_vue":"e8c4b8e098ba39d8","resources_js_pages_Users_Show_vue":"4ed763d677f72ae2","resources_js_pages_Users_tableHeader_js":"48f19bd820caf015"}[chunkId] + "";
+/******/ 			return "js/" + chunkId + ".js?id=" + {"node_modules_chart_js_auto_auto_esm_js":"9296b829a7757dee","resources_js_pages_Auth_Login_vue":"3660adc6dce187d8","resources_js_pages_Customers_Create_vue":"ab9bd343966b4d44","resources_js_pages_Customers_Edit_vue":"43cd02b13e83baf5","resources_js_pages_Customers_Index_vue":"dc0859b7c75635df","resources_js_pages_Customers_tableHeader_js":"7a40a3d5ad60171c","resources_js_pages_Dashboards_Index_vue":"d047230cdee29fad","resources_js_pages_Error_Index_vue":"4119ff1c60260652","resources_js_pages_Products_Create_vue":"10d89c8a59b2f103","resources_js_pages_Products_Edit_vue":"61d1ee9dcc828ea5","resources_js_pages_Products_Index_vue":"e49403de81bc3f1c","resources_js_pages_Products_tableHeader_js":"951f590b1402bd34","resources_js_pages_Purchases_Index_vue":"8f94b83ac3bfdbc1","resources_js_pages_Sales_Components_SaleDetails_vue":"fe25c66092db0ff5","resources_js_pages_Sales_Create_vue":"6441aaf0822d7a4c","resources_js_pages_Sales_Dialog_CustomerCreate_vue":"b851689539704090","resources_js_pages_Sales_Dialog_ProductCreate_vue":"77eebb39e3b3cf75","resources_js_pages_Sales_Index_vue":"b4ac2a11e8996a80","resources_js_pages_Sales_config_js":"31265026d1001cfb","resources_js_pages_Sales_useCustomerAutoComplete_js":"befa6e915bae5874","resources_js_pages_Sales_useProductAutoComplete_js":"062805ffb0cfc901","resources_js_pages_StockProducts_Index_vue":"7b97c2c3e75fe4d2","resources_js_pages_Suppliers_Create_vue":"5751556489c5210b","resources_js_pages_Suppliers_Edit_vue":"ad3d3ecc739d791f","resources_js_pages_Suppliers_Index_vue":"6a2d438bd4ecc26e","resources_js_pages_Suppliers_tableHeader_js":"500bc29ff0dbddce","resources_js_pages_Users_Create_vue":"18947882650f4b03","resources_js_pages_Users_Edit_vue":"dd486fa9d6812c88","resources_js_pages_Users_Index_vue":"e8c4b8e098ba39d8","resources_js_pages_Users_Show_vue":"4ed763d677f72ae2","resources_js_pages_Users_tableHeader_js":"48f19bd820caf015"}[chunkId] + "";
 /******/ 		};
 /******/ 	})();
 /******/ 	

resources/js/pages/Sales/Create.vue

 <script setup>
-import { useForm, Head, usePage } from '@inertiajs/inertia-vue3'
+import { useForm, Head } from '@inertiajs/inertia-vue3'
 import { useFormErrorReset } from '@/components/useFormErrorReset'
 import { useProductAutoComplete } from './useProductAutoComplete'
 import { useCustomerAutoComplete } from './useCustomerAutoComplete'

resources/js/pages/Sales/Dialog/ProductCreate.vue

 <script setup>
-import { onMounted, watch } from 'vue'
+import { onMounted } from 'vue'
 import { Inertia } from '@inertiajs/inertia'
 import { useForm, usePage } from '@inertiajs/inertia-vue3'
 import { useFormErrorReset } from '@/components/useFormErrorReset'
 import AppInputText from '@/components/AppInputText.vue'
 
-onMounted(() => {
+const getProductNumber = () => {
   Inertia.reload({ only: ['productNumber'] })
-})
+}
 
-watch(
-  () => usePage().props.value.productNumber,
-  (val) => (form.number = val)
-)
+onMounted(() => getProductNumber())
 
 const form = useForm({
-  number: null,
   name: null,
   unit: null,
 })
 useFormErrorReset(form)
 
 const onSubmit = () => {
-  form.post(route('products.store'), { onSuccess: () => form.reset() })
+  form
+    .transform((data) => ({
+      number: usePage().props.value.productNumber,
+      ...data,
+    }))
+    .post(route('products.store'), {
+      onSuccess: () => form.reset(),
+      onFinish: () => getProductNumber(),
+    })
 }
 </script>
 
         disabled
         label="Nomor Produk"
         placeholder="nomor produk"
-        :error="form.errors.number"
-        v-model="form.number"
+        v-model="$page.props.productNumber"
       />
     </div>