{"id":23709453,"url":"https://github.com/fenilli/formkit-addon-inertia","last_synced_at":"2026-04-07T04:31:34.467Z","repository":{"id":38343077,"uuid":"476513385","full_name":"fenilli/formkit-addon-inertia","owner":"fenilli","description":"A plugin for integrating InertiaJS with FormKit.","archived":false,"fork":false,"pushed_at":"2024-04-15T19:03:57.000Z","size":2449,"stargazers_count":30,"open_issues_count":0,"forks_count":2,"subscribers_count":5,"default_branch":"main","last_synced_at":"2026-02-23T18:48:06.698Z","etag":null,"topics":["addon","formkit","inertiajs","javascript","plugin","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/fenilli.png","metadata":{"files":{"readme":".github/README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":".github/CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-03-31T23:48:17.000Z","updated_at":"2025-09-02T20:43:04.000Z","dependencies_parsed_at":"2023-11-24T11:03:24.377Z","dependency_job_id":"5c6d263f-2370-4230-9288-dcc53c2afb01","html_url":"https://github.com/fenilli/formkit-addon-inertia","commit_stats":null,"previous_names":["gustavofenilli/formkit-inertify","gustavofenilli/formkit-addon-inertia"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/fenilli/formkit-addon-inertia","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fenilli%2Fformkit-addon-inertia","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fenilli%2Fformkit-addon-inertia/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fenilli%2Fformkit-addon-inertia/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fenilli%2Fformkit-addon-inertia/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fenilli","download_url":"https://codeload.github.com/fenilli/formkit-addon-inertia/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fenilli%2Fformkit-addon-inertia/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31500397,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-07T03:10:19.677Z","status":"ssl_error","status_checked_at":"2026-04-07T03:10:13.982Z","response_time":105,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["addon","formkit","inertiajs","javascript","plugin","typescript"],"created_at":"2024-12-30T18:29:57.397Z","updated_at":"2026-04-07T04:31:34.426Z","avatar_url":"https://github.com/fenilli.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003e This package has been moved to [@formkit/inertia](https://github.com/formkit/inertia) to maintain a first party integration with Inertia and FormKit, it comes with breaking changes, a better composable and an easier way to extend event callbacks.\n\n# FormKit Addon Inertia\n\nAddon for integrating [InertiaJS](https://inertiajs.com/) with [FormKit](https://formkit.com/)\n\n- 🇺🇸 [English](./README.md)\n- 🇧🇷 [Português](./README.pt_BR.md)\n\n## Table of contents\n\n- 🚀 [Getting Started](#getting-started)\n- 🛠 [Options](#options)\n- 👏 [Contributing](#contributing)\n- 📝 [License](#license)\n\n## Getting Started\n\nThere are two ways to use this addon, firstly there is the composition way, and there is also a formkit plugin.\n\n\u003e In the end, the plugin uses the composable inside of it with the correct form node for easy of use.\n\n```bash\nnpm i formkit-addon-inertia\n```\n\n### 1. Composition\n\nThe `useInertia` is a function that receives a `FormKit` node and returns all Inertia HTTP methods.\nThose are `visit`, `get`, `post`, `put`, `patch`, `delete` and `reload`.\n\n```html\n\u003cscript setup\u003e\n  import { useInertia } from \"formkit-addon-inertia\";\n\u003c/script\u003e\n\n\u003ctemplate\u003e\n  \u003cFormKit\n    type=\"form\"\n    @submit=\"(fields, node) =\u003e useInertia(node).post('/users', fields)\"\n  \u003e\n    \u003cFormKit type=\"text\" name=\"name\" label=\"Name\" /\u003e\n    \u003cFormKit type=\"email\" name=\"email\" label=\"E-mail\" /\u003e\n  \u003c/FormKit\u003e\n\u003c/template\u003e\n```\n\n### 2. Plugin\n\nThe `inertia` context property has all Inertia HTTP methods.\nThose are `visit`, `get`, `post`, `put`, `patch`, `delete` and `reload`.\n\n```html\n\u003cscript setup\u003e\n  import { plugin as inertiaPlugin } from \"formkit-addon-inertia\";\n\u003c/script\u003e\n\n\u003ctemplate\u003e\n  \u003cFormKit\n    type=\"form\"\n    :plugins=\"[inertiaPlugin]\"\n    @submit=\"(fields, node) =\u003e node.context.inertia.post('/users', fields)\"\n  \u003e\n    \u003cFormKit type=\"text\" name=\"name\" label=\"Name\" /\u003e\n    \u003cFormKit type=\"email\" name=\"email\" label=\"E-mail\" /\u003e\n  \u003c/FormKit\u003e\n\u003c/template\u003e\n```\n\n\u003e You can add this plugin as a global formkit plugin so every form has it, instead of defining manually like the example above\n\u003e\n\u003e ```js\n\u003e import { createApp } from \"vue\";\n\u003e import App from \"App.vue\";\n\u003e import { plugin, defaultConfig } from \"@formkit/vue\";\n\u003e import { plugin as inertiaPlugin } from \"formkit-addon-inertia\";\n\u003e\n\u003e createApp(App)\n\u003e   .use(plugin, defaultConfig({ plugins: [inertiaPlugin] }))\n\u003e   .mount(\"#app\");\n\u003e ```\n\n## Options\n\nYou can use all of InertiaJS [callbacks](https://inertiajs.com/manual-visits#event-callbacks), and we add the FormKit node as the last argument for easy integration of your features.\n\n\u003e We by default add some features inside Inertia callbacks to make the use smoother.\n\u003e\n\u003e There are four features, loading message, disabled prop, progress data attribute and automatic field errors.\n\u003e You can disable any of these by passing any of these properties to the options.\n\u003e\n\u003e { disableLoading: true, disableDisabled: true, disableProgress: true, disableErrors: true }\n\n```html\n\u003cscript setup\u003e\n  const onSuccess = (page, node) =\u003e {\n    // Do any onSuccess logic here\n  };\n\n  const submit = (fields, node) =\u003e {\n    node.context.inertia.post(\"/users\", fields, {\n      onSuccess,\n      disableProgress: true,\n    });\n  };\n\u003c/script\u003e\n\n\u003ctemplate\u003e\n  \u003cFormKit type=\"form\" @submit=\"submit\"\u003e\n    \u003cFormKit type=\"text\" name=\"name\" label=\"Name\" /\u003e\n    \u003cFormKit type=\"email\" name=\"email\" label=\"E-mail\" /\u003e\n  \u003c/FormKit\u003e\n\u003c/template\u003e\n```\n\n## Contributing\n\nAll contributions are welcomed and appreciated!\n\n- You can always star it!\n- Any bug you found can be reported by opening an [issue](https://github.com/GustavoFenilli/formkit-addon-inertia/issues/new?assignees=GustavoFenilli\u0026labels=bug)\n- If you have any cool ideas or features you want to be added just open a [discussion](https://github.com/GustavoFenilli/formkit-addon-inertia/discussions/new?category=ideas) about it\n- You can make pull request with fixes or features, read out the [contributing guide](./CONTRIBUTING.md) to get started\n\n## License\n\n[MIT](https://github.com/GustavoFenilli/formkit-addon-inertia/blob/main/LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffenilli%2Fformkit-addon-inertia","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffenilli%2Fformkit-addon-inertia","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffenilli%2Fformkit-addon-inertia/lists"}