Allow getter as inputs for vue-inertia

Author: parafeu

packages/vue-inertia/src/index.ts

@@ -7,7 +7,7 @@ import { Form } from './types'
 
 export { client }
 
-export const useForm = <Data extends Record<string, unknown>>(method: RequestMethod | (() => RequestMethod), url: string | (() => string), inputs: Data, config: ValidationConfig = {}): Form<Data> => {
+export const useForm = <Data extends Record<string, unknown>>(method: RequestMethod | (() => RequestMethod), url: string | (() => string), inputs: Data | (() => Data), config: ValidationConfig = {}): Form<Data> => {
     /**
      * The Inertia form.
      */

packages/vue-inertia/tests/index.test.ts

@@ -111,3 +111,22 @@ it('can set individual errors', function () {
 
     expect(form.errors.name).toBe('The name is required.')
 })
+
+it('allows getter as data inputs', function () {
+    let dynamicEmail = '[email protected]'
+
+    function getData() {
+        return {
+            email: dynamicEmail,
+        }
+    }
+
+    const form = useForm('post', '/register', getData)
+
+    expect(form.email).toBe('[email protected]')
+
+    dynamicEmail = '[email protected]'
+    form.reset()
+
+    expect(form.email).toBe('[email protected]')
+})