inertia_rails 3.22.0 → 3.23.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4e9384ee4e756ec30efcbb0afa77c7d557d02dd4d5dc60f1dc6239ec1d0b1878
-  data.tar.gz: 98e207f798ae91e888f1de274caa506bbc289ac51ea2e20e2eb5465f818575fd
+  metadata.gz: f12c422cd3da5a02e05eabd6c2dd2e8a702024709f1e9cebf7050d5d21af5492
+  data.tar.gz: cb131811d666ee1db0f4974cfdf18ec1f692584d5bbc250f77b1498d771ac4a0
 SHA512:
-  metadata.gz: 6d9dd387eb80c39743d7d48268ef7540710a27194c52f165e4f75565fd4e76cc151db286b64b5e050fa387027b80a0eb3b37210908068a826cfedfe6003aea67
-  data.tar.gz: 3309e07158894db2e60b03c15e0f46b8d056e09821487412709b738a5ceeb2508c54d5df7421ad77ee04e30a2592e8a07a48de720192446ad5290e18c423eb47
+  metadata.gz: 4e846a1e5c73767b155d5087c2cdb2af0e06c0cf489387ac253cc647b8da1c0d56ec5edbb7fa33364b6ed391074422cd4735b7bd10668e44b9efc9e482032ede
+  data.tar.gz: 27e2d1c62868602a4408372e932f3549631cc92c08e5b10583fad67f04e456e21dd22e3821de0904423b38c8ab785cc5364d7916d18bd42f5801ea6f1dfd799c

data/CHANGELOG.md

@@ -6,6 +6,48 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [3.23.0] - 2026-10-16
+
+* Accept a block in `inertia_ssr_head` for fallback head elements, rendered when the response isn't server-side rendered, like inertia-laravel's `<x-inertia::head>` (@skryukov)
+* Add `config.convert_fragment_redirects` (off by default and enabled by the installer, requires Inertia.js v3) to keep URL fragments on Inertia redirects: a same-origin redirect to a URL with a fragment becomes a `409` response with the `X-Inertia-Redirect` header, which the client follows with a regular Inertia visit (@skryukov)
+* Add the `preserve_big_integers` option (config, `inertia_config` and render option), which sends integers outside JavaScript's safe range as `{"$bigint": "..."}` markers that Inertia.js v3.8+ turns into `BigInt` values. The testing helpers turn them back into integers (@skryukov)
+* Leave `encryptHistory` and `clearHistory` out of the page object when they are `false`, like inertia-laravel 3.x. Clients treat a missing key as `false`; specs that compare the full page JSON need updating (@skryukov)
+* Always escape the initial page JSON in the `<script>` element instead of relying on `ActiveSupport.escape_html_entities_in_json` being on. With that setting off, a prop containing `</script>` could break out of the element (@skryukov)
+* Add `config.ssr_timeout` (default 10 seconds) for SSR requests, instead of `Net::HTTP`'s 60 seconds, so a stuck SSR server can't hold a request for a minute (@skryukov)
+* Fix SSR failing with a 500 when `ssr_url` ends with a slash (@skryukov)
+* Send `X-Inertia-Version` with the stale-version `409` response, so Inertia.js v3.6+ can skip the reload on background requests such as polling (@skryukov)
+* Keep flash messages when a stale asset version forces a page refresh, instead of losing them (@skryukov)
+* Fix dot-notated prop keys (`'auth.user' => ...`) passed to `render` or `inertia_share` reaching the client as a literal key instead of nested props (@skryukov)
+* Fix an app's `rescue_from StandardError` turning Precognition validation responses into error pages. `InertiaRails::PrecognitionResponse` now inherits from `Exception`, so bare `rescue` clauses and `Rails.error.handle` no longer swallow it either; code that caught it as a `StandardError` must rescue it by name (@skryukov)
+* Add `Precognition` to the `Vary` header of responses from actions that call `precognition!` or `precognition`, like Laravel, so HTTP caches keep validation responses apart from regular ones (@skryukov)
+* Fix `InertiaRails.scroll` merge metadata ignoring the infinite scroll merge intent since 3.19.0: loading the previous page appended its items instead of prepending them, and a `wrapper:` prop replaced the loaded items instead of merging into the wrapped key. A scroll prop shared via `inertia_share` no longer collects duplicate merge paths on every request (@skryukov)
+* Fix once props missing from partial reloads that only list `except`: the client's already-loaded once props are skipped on full visits only, as in inertia-laravel (@skryukov)
+* Skip `to_inertia` for objects a partial reload doesn't include, instead of serializing them and dropping the result (@skryukov)
+* Expose `@_inertia_page` to views on SSR responses (@onk)
+* Add [Inertia DevTools](https://inertiajs.com/docs/v3/advanced/devtools) support: record requests in development (or those `config.devtools.authorize` approves elsewhere), expose the read API the browser extension reads, and configure it under `config.devtools` (@mattwigham and @skryukov)
+* Accept an object that responds to `to_inertia` as `props:`, as prop values already were. With `inertia_prop_sources`, it can also tell DevTools where it declared each prop (@skryukov)
+* Fix `to_inertia` objects returned from a closure or a prop type's block, placed in an array, or returned from an `InertiaRails.cache` block being serialized with `as_json`, which sent the object's instance variables, such as the record it wraps, to the client. Cached prop keys move to `inertia_rails/@2/`, so entries written before this fix are never read again: every cached prop fills once after upgrading, and code that deletes cached props by their full key needs the new prefix. `ActiveSupport::OrderedOptions` is no longer mistaken for a serializer, which turned it into `null` (@skryukov)
+* Add testing helpers for scroll props and once props (@onk)
+* Skip the `XSRF-TOKEN` cookie entirely (and expire a stale one) on controllers using Rails 8.2's `:header_only` forgery protection strategy, which verifies requests via `Sec-Fetch-Site` and never reads authenticity tokens (@mattwigham)
+* Skip setting `XSRF-TOKEN` cookie when Rails 8.2's `:header_only` CSRF strategy is on (@mattwigham)
+* Add `config.server_head` to serialize meta tags as HTML strings into the `head` prop for the `serverHead` option of `createInertiaApp` (Inertia.js v3.5+), replacing the client-side cookbook component (@skryukov)
+* Add `meta_title_template` configuration option — a callable applied to the `<title>` tag of server driven meta tags; it receives the current title (or `nil`) and can provide a default for pages without one (@skryukov)
+* Add `ActiveSupport::Notifications` instrumentation: `render.inertia_rails`, `resolve_props.inertia_rails`, and `ssr.inertia_rails` events (@skryukov)
+* Report SSR failures to the Rails error reporter (`source: "inertia_rails"`, `handled: true`) with the component, error type, hint, JS stack, and source location as context; skipped when `on_ssr_error` is configured or `ssr_raise_on_error` is enabled (@bknoles)
+* Preserve the original exception as `cause` on `InertiaRails::SSRError`, so connection failures report the underlying error instead of only the wrapper (@bknoles)
+* Convert external (cross-origin) redirects to Inertia location responses automatically (disable with `config.convert_external_redirects = false`), and add `redirect_to url, inertia: { full_page: true }` for same-origin redirects to non-Inertia endpoints (@skryukov)
+* Fix `inertia_location` to redirect plain (non-Inertia) requests instead of responding `409 Conflict`, and stop stale asset versions from replacing location responses with a forced refresh (@skryukov)
+* Fix partial reloads addressing array elements by index (`only: ['rows.0.name']`) dropping the elements they did not name, which shifted every later element onto the wrong path. Unrequested elements now keep their slot as a placeholder (`{}` for an element written as a Hash, `null` otherwise) and are never evaluated, and an indexed `only`/`except` path is now applied to arrays of plain hashes too (@skryukov)
+* Fix meta tags ignoring per-controller `use_data_inertia_head_attribute` set via `inertia_config` (@skryukov)
+* Use SHA256 instead of MD5 for generated meta tag head keys (@skryukov)
+* Restart the SSR server promptly in the Puma plugin when the process dies during boot, instead of polling a dead port for the full boot timeout (@skryukov)
+* Fix `NoMethodError` raised when a request carrying the `X-Inertia` header reaches a non-Inertia controller such as an `ActionController::API` endpoint (@SAY-5)
+* Fix stale flash notice and use idiomatic class in Vue scaffolds (@skryukov)
+* Start the SSR server in the Puma plugin regardless of the global `ssr_enabled`, so SSR enabled per controller with `inertia_config` works (@bknoles)
+* Add lefthook with pre-commit and pre-push hooks that mirror CI/CD checks (@bknoles)
+* Add `default_title:` option to `inertia_meta_tags`, and render meta tags in the installer's layout instead of a plain `<title>` (@bknoles)
+* Use `PATCH` instead of a method override header in scaffold edit forms with file uploads (@skryukov)
+
 ## [3.22.0] - 2026-07-17
 
 * Only set the `XSRF-TOKEN` cookie on HTML and XHR responses. Other responses no longer carry a `Set-Cookie` that keeps CDNs from caching them — notably ActiveStorage's images, since its controllers also inherit from `ActionController::Base` (@acetinick)

data/README.md

@@ -98,6 +98,7 @@ Full walkthrough: **[Server-side setup](https://inertia-rails.dev/guide/server-s
 | **[Deferred props](https://inertia-rails.dev/guide/deferred-props)** | Load the page fast, fetch expensive data after, with built-in loading states. |
 | **[Rails generators](https://inertia-rails.dev/guide/server-side-setup)** | Scaffold entire CRUD interfaces — controllers with matching components. |
 | **[History encryption](https://inertia-rails.dev/guide/history-encryption)** | Keep sensitive data private, even in browser history. Toggle per page. |
+| **[DevTools](https://inertia-rails.dev/guide/devtools)** | Inspect every request's props, headers, and route in your browser's DevTools (Chrome or Firefox). On by default in development. |
 
 ## Why Inertia?
 
@@ -126,6 +127,7 @@ Everything lives at **[inertia-rails.dev](https://inertia-rails.dev)**:
 - [Shared data](https://inertia-rails.dev/guide/shared-data) · [Partial reloads](https://inertia-rails.dev/guide/partial-reloads) · [Deferred props](https://inertia-rails.dev/guide/deferred-props)
 - [Server-side rendering](https://inertia-rails.dev/guide/server-side-rendering)
 - [Testing](https://inertia-rails.dev/guide/testing)
+- [DevTools](https://inertia-rails.dev/guide/devtools)
 - [Configuration reference](https://inertia-rails.dev/guide/configuration)
 
 ## Community
@@ -136,10 +138,16 @@ Everything lives at **[inertia-rails.dev](https://inertia-rails.dev)**:
 
 ## Contributing
 
-Bug reports and pull requests are welcome. To run the test suite:
+Bug reports and pull requests are welcome. To set up your environment (this
+also installs [lefthook](https://lefthook.dev) git hooks that mirror our CI checks):
+
+```bash
+bin/setup
+```
+
+To run the test suite:
 
 ```bash
-bundle install
 bundle exec rspec
 ```
 
@@ -150,6 +158,6 @@ project is expected to follow it.
 
 Inertia Rails is part of the official [Inertia.js](https://inertiajs.com)
 organization. It was originally created by the team at
-[bellaWatt](https://bellawatt.com) and is maintained by the Inertia.js community.
+[Bellawatt](https://bellawatt.com) and is maintained by the Inertia.js community.
 
 Released under the [MIT License](LICENSE.txt).

data/app/controllers/inertia_rails/devtools/entries_controller.rb

@@ -0,0 +1,43 @@
+# frozen_string_literal: true
+
+module InertiaRails
+  module Devtools
+    class EntriesController < Devtools.config.base_controller.constantize
+      prepend_before_action :skip_session_write
+      before_action :authorize_devtools_access
+
+      def index
+        entries = Devtools.store.list(
+          component: params[:component].presence,
+          types: list_param(:type),
+          exclude: list_param(:exclude),
+          offset: Integer(params[:offset], 10, exception: false),
+          limit: Integer(params[:limit], 10, exception: false)
+        )
+
+        render json: entries
+      end
+
+      def show
+        entry = Devtools.store.read(params[:id])
+        return head :not_found if entry.blank?
+
+        render json: entry
+      end
+
+      private
+
+      def skip_session_write
+        request.session_options[:skip] = true if request.session_options
+      end
+
+      def authorize_devtools_access
+        head :forbidden unless Devtools.config.allows?(self)
+      end
+
+      def list_param(name)
+        params[name].to_s.split(',').map(&:strip).reject(&:empty?)
+      end
+    end
+  end
+end

data/lib/generators/inertia/install/install_generator.rb

@@ -103,7 +103,13 @@ module Inertia
         end
 
         say "Copying #{inertia_entrypoint} entrypoint"
-        copy_file "#{framework}/#{inertia_entrypoint}", js_file_path("entrypoints/#{inertia_entrypoint}")
+        entrypoint_path = js_file_path("entrypoints/#{inertia_entrypoint}")
+        copy_file "#{framework}/#{inertia_entrypoint}", entrypoint_path
+        # The Svelte adapter ignores the title callback.
+        unless svelte?
+          insert_into_file entrypoint_path, "\n  title: (title) => title || #{app_title.to_json},\n",
+                           after: "serverHead: true,\n"
+        end
 
         # Copy framework-specific config files
         if svelte?
@@ -128,11 +134,12 @@ module Inertia
                              before: '<%= vite_client_tag %>'
           end
 
-          gsub_file application_layout.to_s, /<title>/, '<title data-inertia>' unless svelte?
+          say 'Replacing the <title> tag with the inertia_meta_tags helper in the application layout'
+          gsub_file application_layout.to_s, %r{^(\s*)<title>.*</title>\s*\n}, "\\1#{inertia_meta_tags_line}\n"
         else
           say_error 'Could not find the application layout file. Please add the following tags manually:', :red
           say_error '-  <title>...</title>'
-          say_error '+  <title data-inertia>...</title>'
+          say_error "+  #{inertia_meta_tags_line}"
           say_error '+  <%= inertia_ssr_head %>'
           say_error '+  <%= vite_react_refresh_tag %>' if react?
           say_error "+  <%= #{vite_tag} %>"
@@ -337,6 +344,14 @@ module Inertia
         options[:verbose]
       end
 
+      def inertia_meta_tags_line
+        "<%= inertia_meta_tags(default_title: content_for(:title) || #{app_title.inspect}) %>"
+      end
+
+      def app_title
+        Rails.application.class.module_parent_name.titleize
+      end
+
       def svelte?
         framework.start_with? 'svelte'
       end

data/lib/generators/inertia/install/templates/initializer.rb

@@ -6,4 +6,6 @@ InertiaRails.configure do |config|
   config.always_include_errors_hash = true
   config.use_script_element_for_initial_page = true
   config.use_data_inertia_head_attribute = true
+  config.server_head = true
+  config.convert_fragment_redirects = true
 end

data/lib/generators/inertia/install/templates/react/inertia.jsx

@@ -3,6 +3,8 @@ import { createInertiaApp } from '@inertiajs/react'
 createInertiaApp({
   pages: "../pages",
 
+  serverHead: true,
+
   strictMode: true,
 
   defaults: {

data/lib/generators/inertia/install/templates/react/inertia.tsx

@@ -3,6 +3,8 @@ import { createInertiaApp } from '@inertiajs/react'
 void createInertiaApp({
   pages: "../pages",
 
+  serverHead: true,
+
   strictMode: true,
 
   defaults: {

data/lib/generators/inertia/install/templates/svelte/inertia.js

@@ -3,6 +3,8 @@ import { createInertiaApp } from '@inertiajs/svelte'
 createInertiaApp({
   pages: "../pages",
 
+  serverHead: true,
+
   defaults: {
     form: {
       forceIndicesArrayFormatInFormData: false,

data/lib/generators/inertia/install/templates/svelte/inertia.ts

@@ -3,6 +3,8 @@ import { createInertiaApp } from '@inertiajs/svelte'
 createInertiaApp({
   pages: "../pages",
 
+  serverHead: true,
+
   defaults: {
     form: {
       forceIndicesArrayFormatInFormData: false,

data/lib/generators/inertia/install/templates/vue/inertia.js

@@ -3,6 +3,8 @@ import { createInertiaApp } from '@inertiajs/vue3'
 createInertiaApp({
   pages: "../pages",
 
+  serverHead: true,
+
   defaults: {
     form: {
       forceIndicesArrayFormatInFormData: false,

data/lib/generators/inertia/install/templates/vue/inertia.ts

@@ -3,6 +3,8 @@ import { createInertiaApp } from '@inertiajs/vue3'
 createInertiaApp({
   pages: "../pages",
 
+  serverHead: true,
+
   defaults: {
     form: {
       forceIndicesArrayFormatInFormData: false,

data/lib/generators/inertia_templates/scaffold/templates/react/edit.jsx.tt

@@ -11,12 +11,7 @@ export default function Edit({ <%= singular_table_name %> }) {
       <Form
         <%= singular_table_name %>={<%= singular_table_name %>}
         action={`<%= js_resource_path %>`}
-<% if attributes.any?(&:attachments?) -%>
-        method="post"
-        headers={{ 'X-HTTP-METHOD-OVERRIDE': 'patch' }}
-<% else -%>
         method="patch"
-<% end -%>
         submitText="Update <%= human_name %>"
       />
 

data/lib/generators/inertia_templates/scaffold/templates/react/edit.tsx.tt

@@ -17,12 +17,7 @@ export default function Edit({ <%= singular_table_name %> }: EditProps) {
       <Form
         <%= singular_table_name %>={<%= singular_table_name %>}
         action={`<%= js_resource_path %>`}
-<% if attributes.any?(&:attachments?) -%>
-        method="post"
-        headers={{ 'X-HTTP-METHOD-OVERRIDE': 'patch' }}
-<% else -%>
         method="patch"
-<% end -%>
         submitText="Update <%= human_name %>"
       />
 

data/lib/generators/inertia_templates/scaffold/templates/svelte/edit.svelte.tt

@@ -16,12 +16,7 @@
   {<%= singular_table_name %>}
   submitText="Update <%= human_name %>"
   action={`<%= js_resource_path %>`}
-<% if attributes.any?(&:attachments?) -%>
-  method="post"
-  headers={{ 'X-HTTP-METHOD-OVERRIDE': 'patch' }}
-<% else -%>
   method="patch"
-<% end -%>
 />
 
 <br />

data/lib/generators/inertia_templates/scaffold/templates/svelte/edit.ts.svelte.tt

@@ -17,12 +17,7 @@
   {<%= singular_table_name %>}
   submitText="Update <%= human_name %>"
   action={`<%= js_resource_path %>`}
-<% if attributes.any?(&:attachments?) -%>
-  method="post"
-  headers={{ 'X-HTTP-METHOD-OVERRIDE': 'patch' }}
-<% else -%>
   method="patch"
-<% end -%>
 />
 
 <br />

data/lib/generators/inertia_templates/scaffold/templates/vue/edit.ts.vue.tt

@@ -7,12 +7,7 @@
     :<%= singular_table_name %>="<%= singular_table_name %>"
     submitText="Update <%= human_name %>"
     :action="`<%= js_resource_path %>`"
-<% if attributes.any?(&:attachments?) -%>
-    method="post"
-    :headers="{ 'X-HTTP-METHOD-OVERRIDE': 'patch' }"
-<% else -%>
     method="patch"
-<% end -%>
   />
 
   <br />

data/lib/generators/inertia_templates/scaffold/templates/vue/edit.vue.tt

@@ -7,12 +7,7 @@
     :<%= singular_table_name %>="<%= singular_table_name %>"
     submitText="Update <%= human_name %>"
     :action="`<%= js_resource_path %>`"
-<% if attributes.any?(&:attachments?) -%>
-    method="post"
-    :headers="{ 'X-HTTP-METHOD-OVERRIDE': 'patch' }"
-<% else -%>
     method="patch"
-<% end -%>
   />
 
   <br />

data/lib/generators/inertia_templates/scaffold/templates/vue/index.ts.vue.tt

@@ -1,7 +1,7 @@
 <template>
   <Head title="<%= human_name.pluralize %>" />
 
-  <p v-if="flash.notice" class="notice">{{ flash.notice }}</p>
+  <p v-if="page.flash.notice" class="notice">{{ page.flash.notice }}</p>
 
   <h1><%= human_name.pluralize %></h1>
 
@@ -25,7 +25,7 @@ import { <%= inertia_model_type %> } from './types'
 defineProps<{
   <%= plural_table_name %>: <%= inertia_model_type %>[]
 }>()
-const { flash } = usePage()
+const page = usePage()
 </script>
 
 <style scoped>

data/lib/generators/inertia_templates/scaffold/templates/vue/index.vue.tt

@@ -1,7 +1,7 @@
 <template>
   <Head title="<%= human_name.pluralize %>" />
 
-  <p v-if="flash.notice" class="notice">{{ flash.notice }}</p>
+  <p v-if="page.flash.notice" class="notice">{{ page.flash.notice }}</p>
 
   <h1><%= human_name.pluralize %></h1>
 
@@ -22,7 +22,7 @@ import { Head, Link, usePage } from '@inertiajs/vue3'
 import <%= inertia_component_name %> from './<%= singular_name %>.vue'
 
 defineProps(['<%= plural_table_name %>'])
-const { flash } = usePage()
+const page = usePage()
 </script>
 
 <style scoped>

data/lib/generators/inertia_templates/scaffold/templates/vue/show.ts.vue.tt

@@ -1,7 +1,7 @@
 <template>
   <Head :title="`<%= human_name %> #${<%= singular_table_name %>.id}`" />
 
-  <p v-if="flash.notice" class="notice">{{ flash.notice }}</p>
+  <p v-if="page.flash.notice" class="notice">{{ page.flash.notice }}</p>
 
   <h1><%= human_name %> #{{ <%= singular_table_name %>.id }}</h1>
 
@@ -31,7 +31,7 @@ import { <%= inertia_model_type %> } from './types'
 defineProps<{
   <%= singular_table_name %>: <%= inertia_model_type %>
 }>()
-const { flash } = usePage()
+const page = usePage()
 </script>
 
 <style scoped>

data/lib/generators/inertia_templates/scaffold/templates/vue/show.vue.tt

@@ -1,7 +1,7 @@
 <template>
   <Head :title="`<%= human_name %> #${<%= singular_table_name %>.id}`" />
 
-  <p v-if="flash.notice" class="notice">{{ flash.notice }}</p>
+  <p v-if="page.flash.notice" class="notice">{{ page.flash.notice }}</p>
 
   <h1><%= human_name %> #{{ <%= singular_table_name %>.id }}</h1>
 
@@ -28,7 +28,7 @@ import { Head, Link, usePage } from '@inertiajs/vue3'
 import <%= inertia_component_name %> from './<%= singular_name %>.vue'
 
 defineProps(['<%= singular_table_name %>'])
-const { flash } = usePage()
+const page = usePage()
 </script>
 
 <style scoped>

data/lib/generators/inertia_tw_templates/scaffold/templates/react/edit.jsx.tt

@@ -12,12 +12,7 @@ export default function Edit({ <%= singular_table_name %> }) {
         <Form
           <%= singular_table_name %>={<%= singular_table_name %>}
           action={`<%= js_resource_path %>`}
-<% if attributes.any?(&:attachments?) -%>
-          method="post"
-          headers={{ 'X-HTTP-METHOD-OVERRIDE': 'patch' }}
-<% else -%>
           method="patch"
-<% end -%>
           submitText="Update <%= human_name %>"
         />
 

data/lib/generators/inertia_tw_templates/scaffold/templates/react/edit.tsx.tt

@@ -17,12 +17,7 @@ export default function Edit({ <%= singular_table_name %> }: EditProps) {
         <Form
           <%= singular_table_name %>={<%= singular_table_name %>}
           action={`<%= js_resource_path %>`}
-<% if attributes.any?(&:attachments?) -%>
-          method="post"
-          headers={{ 'X-HTTP-METHOD-OVERRIDE': 'patch' }}
-<% else -%>
           method="patch"
-<% end -%>
           submitText="Update <%= human_name %>"
         />
 

data/lib/generators/inertia_tw_templates/scaffold/templates/svelte/edit.svelte.tt

@@ -17,12 +17,7 @@
     {<%= singular_table_name %>}
     submitText="Update <%= human_name %>"
     action={`<%= js_resource_path %>`}
-<% if attributes.any?(&:attachments?) -%>
-    method="post"
-    headers={{ 'X-HTTP-METHOD-OVERRIDE': 'patch' }}
-<% else -%>
     method="patch"
-<% end -%>
   />
 
   <Link

data/lib/generators/inertia_tw_templates/scaffold/templates/svelte/edit.ts.svelte.tt

@@ -18,12 +18,7 @@
     {<%= singular_table_name %>}
     submitText="Update <%= human_name %>"
     action={`<%= js_resource_path %>`}
-<% if attributes.any?(&:attachments?) -%>
-    method="post"
-    headers={{ 'X-HTTP-METHOD-OVERRIDE': 'patch' }}
-<% else -%>
     method="patch"
-<% end -%>
   />
 
   <Link

data/lib/generators/inertia_tw_templates/scaffold/templates/vue/edit.ts.vue.tt

@@ -1,19 +1,14 @@
 <template>
   <Head title="Editing <%= human_name.downcase %>" />
 
-  <div className="mx-auto md:w-2/3 w-full px-8 pt-8">
+  <div class="mx-auto md:w-2/3 w-full px-8 pt-8">
     <h1 class="font-bold text-4xl">Editing <%= human_name.downcase %></h1>
 
     <Form
       :<%= singular_table_name %>="<%= singular_table_name %>"
       submitText="Update <%= human_name %>"
       :action="`<%= js_resource_path %>`"
-<% if attributes.any?(&:attachments?) -%>
-      method="post"
-      :headers="{ 'X-HTTP-METHOD-OVERRIDE': 'patch' }"
-<% else -%>
       method="patch"
-<% end -%>
     />
 
     <Link

data/lib/generators/inertia_tw_templates/scaffold/templates/vue/edit.vue.tt

@@ -1,19 +1,14 @@
 <template>
   <Head title="Editing <%= human_name.downcase %>" />
 
-  <div className="mx-auto md:w-2/3 w-full px-8 pt-8">
+  <div class="mx-auto md:w-2/3 w-full px-8 pt-8">
     <h1 class="font-bold text-4xl">Editing <%= human_name.downcase %></h1>
 
     <Form
       :<%= singular_table_name %>="<%= singular_table_name %>"
       submitText="Update <%= human_name %>"
       :action="`<%= js_resource_path %>`"
-<% if attributes.any?(&:attachments?) -%>
-      method="post"
-      :headers="{ 'X-HTTP-METHOD-OVERRIDE': 'patch' }"
-<% else -%>
       method="patch"
-<% end -%>
     />
 
     <Link

data/lib/generators/inertia_tw_templates/scaffold/templates/vue/index.ts.vue.tt

@@ -1,12 +1,12 @@
 <template>
   <Head title="<%= human_name.pluralize %>" />
 
-  <div className="mx-auto md:w-2/3 w-full px-8 pt-8">
+  <div class="mx-auto md:w-2/3 w-full px-8 pt-8">
     <p
-      v-if="flash.notice"
+      v-if="page.flash.notice"
       class="py-2 px-3 bg-green-50 mb-5 text-green-500 font-medium rounded-lg inline-block"
     >
-      {{ flash.notice }}
+      {{ page.flash.notice }}
     </p>
 
     <div class="flex justify-between items-center">
@@ -43,5 +43,5 @@ import { <%= inertia_model_type %> } from './types'
 defineProps<{
   <%= plural_table_name %>: <%= inertia_model_type %>[]
 }>()
-const { flash } = usePage()
+const page = usePage()
 </script>

data/lib/generators/inertia_tw_templates/scaffold/templates/vue/index.vue.tt

@@ -1,12 +1,12 @@
 <template>
   <Head title="<%= human_name.pluralize %>" />
 
-  <div className="mx-auto md:w-2/3 w-full px-8 pt-8">
+  <div class="mx-auto md:w-2/3 w-full px-8 pt-8">
     <p
-      v-if="flash.notice"
+      v-if="page.flash.notice"
       class="py-2 px-3 bg-green-50 mb-5 text-green-500 font-medium rounded-lg inline-block"
     >
-      {{ flash.notice }}
+      {{ page.flash.notice }}
     </p>
 
     <div class="flex justify-between items-center">
@@ -40,5 +40,5 @@ import { Head, Link, usePage } from '@inertiajs/vue3'
 import <%= inertia_component_name %> from './<%= singular_name %>.vue'
 
 defineProps(['<%= plural_table_name %>'])
-const { flash } = usePage()
+const page = usePage()
 </script>

data/lib/generators/inertia_tw_templates/scaffold/templates/vue/new.ts.vue.tt

@@ -1,7 +1,7 @@
 <template>
   <Head title="New <%= human_name.downcase %>" />
 
-  <div className="mx-auto md:w-2/3 w-full px-8 pt-8">
+  <div class="mx-auto md:w-2/3 w-full px-8 pt-8">
     <h1 class="font-bold text-4xl">New <%= human_name.downcase %></h1>
 
     <Form

data/lib/generators/inertia_tw_templates/scaffold/templates/vue/new.vue.tt

@@ -1,7 +1,7 @@
 <template>
   <Head title="New <%= human_name.downcase %>" />
 
-  <div className="mx-auto md:w-2/3 w-full px-8 pt-8">
+  <div class="mx-auto md:w-2/3 w-full px-8 pt-8">
     <h1 class="font-bold text-4xl">New <%= human_name.downcase %></h1>
 
     <Form

data/lib/generators/inertia_tw_templates/scaffold/templates/vue/show.ts.vue.tt

@@ -1,13 +1,13 @@
 <template>
   <Head :title="`<%= human_name %> #${<%= singular_table_name %>.id}`" />
 
-  <div className="mx-auto md:w-2/3 w-full px-8 pt-8">
+  <div class="mx-auto md:w-2/3 w-full px-8 pt-8">
     <div class="mx-auto">
       <p
-        v-if="flash.notice"
+        v-if="page.flash.notice"
         class="py-2 px-3 bg-green-50 mb-5 text-green-500 font-medium rounded-lg inline-block"
       >
-        {{ flash.notice }}
+        {{ page.flash.notice }}
       </p>
 
       <h1 class="font-bold text-4xl"><%= human_name %> #{{ <%= singular_table_name %>.id }}</h1>
@@ -49,5 +49,5 @@ import { <%= inertia_model_type %> } from './types'
 defineProps<{
   <%= singular_table_name %>: <%= inertia_model_type %>
 }>()
-const { flash } = usePage()
+const page = usePage()
 </script>

data/lib/generators/inertia_tw_templates/scaffold/templates/vue/show.vue.tt

@@ -1,13 +1,13 @@
 <template>
   <Head :title="`<%= human_name %> #${<%= singular_table_name %>.id}`" />
 
-  <div className="mx-auto md:w-2/3 w-full px-8 pt-8">
+  <div class="mx-auto md:w-2/3 w-full px-8 pt-8">
     <div class="mx-auto">
       <p
-        v-if="flash.notice"
+        v-if="page.flash.notice"
         class="py-2 px-3 bg-green-50 mb-5 text-green-500 font-medium rounded-lg inline-block"
       >
-        {{ flash.notice }}
+        {{ page.flash.notice }}
       </p>
 
       <h1 class="font-bold text-4xl"><%= human_name %> #{{ <%= singular_table_name %>.id }}</h1>
@@ -46,5 +46,5 @@ import { Head, Link, usePage } from '@inertiajs/vue3'
 import <%= inertia_component_name %> from './<%= singular_name %>.vue'
 
 defineProps(['<%= singular_table_name %>'])
-const { flash } = usePage()
+const page = usePage()
 </script>