Add a hook for creating a new form (#12)

* Add a hook for creating a new form

* wip

* Remove hard dependency on @inertiajs/inertia-vue3

* Add optional dependency on @inertiajs/inertia-vue3

* cs

* Make sure page data is always updated

* wip

* wip

* cs

* Update InertiaForm.js

Co-authored-by: Taylor Otwell <[email protected]>

Author: m1guelpf

package.json

@@ -35,5 +35,8 @@
     "dependencies": {
         "@inertiajs/inertia": "^0.4.0",
         "prettier": "^1.10.2"
+    },
+    "optionalDependencies": {
+        "@inertiajs/inertia-vue3": "^0.2.0"
     }
 }

src/InertiaForm.js

@@ -1,3 +1,5 @@
+import { Inertia } from '@inertiajs/inertia'
+import { shallowReactive } from 'vue'
 import {
     guardAgainstReservedFieldName,
     isArray,
@@ -259,6 +261,20 @@ class InertiaForm {
     }
 }
 
+export function useForm(data, options) {
+    const adapter = require('@inertiajs/inertia-vue3')
+
+    if (! adapter || ! shallowReactive) throw Error('The useForm hook may only be used with Vue 3 and @inertiajs/inertia-vue3.')
+
+    return shallowReactive(
+        InertiaForm.create()
+            .withData(data)
+            .withOptions(options)
+            .withInertia(Inertia)
+            .withPage(() => adapter.usePage().props.value)
+    )
+}
+
 export default {
     install(app) {
         if (app.version.split('.')[0] == 3) {