diff --git a/.github/workflows/generators.yml b/.github/workflows/generators.yml
index d0147da3..4ab4eabb 100644
--- a/.github/workflows/generators.yml
+++ b/.github/workflows/generators.yml
@@ -20,10 +20,10 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        framework: [react, vue, svelte, svelte4]
+        framework: [react, vue, svelte]
         typescript: [true, false]
         tailwind: [true, false]
-        ruby: ['3.3']
+        ruby: ['3.4']
         node: ['22']
         inertia_version: ['latest']
 
diff --git a/bin/generate_scaffold_example b/bin/generate_scaffold_example
index 65b9fb02..a0ddf53f 100755
--- a/bin/generate_scaffold_example
+++ b/bin/generate_scaffold_example
@@ -14,8 +14,8 @@ options = {
 OptionParser.new do |opts|
   opts.banner = "Usage: #{$PROGRAM_NAME} [options]"
 
-  opts.on('--framework FRAMEWORK', %w[react vue svelte svelte4],
-          'Choose framework (react/vue/svelte4/svelte)') do |f|
+  opts.on('--framework FRAMEWORK', %w[react vue svelte],
+          'Choose framework (react/vue/svelte)') do |f|
     options[:framework] = f
   end
 
diff --git a/docs/guide/server-side-setup.md b/docs/guide/server-side-setup.md
index 510c5f0e..1fa54fc8 100644
--- a/docs/guide/server-side-setup.md
+++ b/docs/guide/server-side-setup.md
@@ -27,7 +27,7 @@ This command will:
 
 - Check for Vite Rails and install it if not present
 - Ask if you want to use TypeScript
-- Ask you to choose your preferred frontend framework (React, Vue, Svelte 4, or Svelte 5)
+- Ask you to choose your preferred frontend framework (React, Vue, Svelte)
 - Ask if you want to install Tailwind CSS
 - Install necessary dependencies
 - Set up the application to work with Inertia
@@ -49,7 +49,7 @@ Vite Rails gem successfully installed
 Vite Rails successfully installed
 Would you like to use TypeScript? (y/n) y
 Adding TypeScript support
-What framework do you want to use with Inertia? [react, vue, svelte4, svelte] (react)
+What framework do you want to use with Inertia? [react, vue, svelte] (react)
          run  npm add @types/react @types/react-dom typescript --silent from "."
 Would you like to install Tailwind CSS? (y/n) y
 Installing Tailwind CSS
diff --git a/lib/generators/inertia/install/frameworks.yml b/lib/generators/inertia/install/frameworks.yml
index 24c26cbc..1fe2aeef 100644
--- a/lib/generators/inertia/install/frameworks.yml
+++ b/lib/generators/inertia/install/frameworks.yml
@@ -12,15 +12,17 @@ react:
   vite_plugin_import: "import react from '@vitejs/plugin-react'"
   vite_plugin_call: "react()"
   copy_files_ts:
-    "InertiaExample.tsx": "%{js_destination_path}/pages/InertiaExample.tsx"
+    "InertiaExample.tsx": "%{js_destination_path}/pages/inertia_example/index.tsx"
     "tsconfig.json": "tsconfig.json"
     "tsconfig.app.json": "tsconfig.app.json"
     "tsconfig.node.json": "tsconfig.node.json"
-    "vite-env.d.ts": "%{js_destination_path}/vite-env.d.ts"
+    "types/vite-env.d.ts": "%{js_destination_path}/types/vite-env.d.ts"
+    "types/globals.d.ts": "%{js_destination_path}/types/globals.d.ts"
+    "types/index.ts": "%{js_destination_path}/types/index.ts"
   copy_files_js:
-    "InertiaExample.jsx": "%{js_destination_path}/pages/InertiaExample.jsx"
+    "InertiaExample.jsx": "%{js_destination_path}/pages/inertia_example/index.jsx"
   copy_files:
-    "InertiaExample.module.css": "%{js_destination_path}/pages/InertiaExample.module.css"
+    "InertiaExample.module.css": "%{js_destination_path}/pages/inertia_example/index.module.css"
     "../assets/react.svg": "%{js_destination_path}/assets/react.svg"
     "../assets/inertia.svg": "%{js_destination_path}/assets/inertia.svg"
     "../assets/vite_ruby.svg": "%{js_destination_path}/assets/vite_ruby.svg"
@@ -41,39 +43,15 @@ vue:
     "../assets/inertia.svg": "%{js_destination_path}/assets/inertia.svg"
     "../assets/vite_ruby.svg": "%{js_destination_path}/assets/vite_ruby.svg"
   copy_files_ts:
-    "InertiaExample.ts.vue": "%{js_destination_path}/pages/InertiaExample.vue"
+    "InertiaExample.ts.vue": "%{js_destination_path}/pages/inertia_example/index.vue"
     "tsconfig.json": "tsconfig.json"
     "tsconfig.app.json": "tsconfig.app.json"
     "tsconfig.node.json": "tsconfig.node.json"
-    "vite-env.d.ts": "%{js_destination_path}/vite-env.d.ts"
+    "types/vite-env.d.ts": "%{js_destination_path}/types/vite-env.d.ts"
+    "types/globals.d.ts": "%{js_destination_path}/types/globals.d.ts"
+    "types/index.ts": "%{js_destination_path}/types/index.ts"
   copy_files_js:
-    "InertiaExample.vue": "%{js_destination_path}/pages/InertiaExample.vue"
-
-svelte4:
-  inertia_package: "@inertiajs/svelte"
-  packages:
-    - "svelte@4"
-    - "@sveltejs/vite-plugin-svelte@3"
-    - "vite@5"
-  packages_ts:
-    - "@tsconfig/svelte@4"
-    - "svelte-check"
-    - "typescript"
-    - "tslib"
-  vite_plugin_import: "import { svelte } from '@sveltejs/vite-plugin-svelte'"
-  vite_plugin_call: "svelte()"
-  copy_files_ts:
-    "InertiaExample.ts.svelte": "%{js_destination_path}/pages/InertiaExample.svelte"
-    "tsconfig.json": "tsconfig.json"
-    "tsconfig.node.json": "tsconfig.node.json"
-    "vite-env.d.ts": "%{js_destination_path}/vite-env.d.ts"
-  copy_files_js:
-    "InertiaExample.svelte": "%{js_destination_path}/pages/InertiaExample.svelte"
-  copy_files:
-    "svelte.config.js": "svelte.config.js"
-    "../assets/svelte.svg": "%{js_destination_path}/assets/svelte.svg"
-    "../assets/inertia.svg": "%{js_destination_path}/assets/inertia.svg"
-    "../assets/vite_ruby.svg": "%{js_destination_path}/assets/vite_ruby.svg"
+    "InertiaExample.vue": "%{js_destination_path}/pages/inertia_example/index.vue"
 
 svelte:
   inertia_package: "@inertiajs/svelte"
@@ -89,12 +67,14 @@ svelte:
   vite_plugin_import: "import { svelte } from '@sveltejs/vite-plugin-svelte'"
   vite_plugin_call: "svelte()"
   copy_files_ts:
-    "InertiaExample.ts.svelte": "%{js_destination_path}/pages/InertiaExample.svelte"
+    "InertiaExample.ts.svelte": "%{js_destination_path}/pages/inertia_example/index.svelte"
     "tsconfig.json": "tsconfig.json"
     "tsconfig.node.json": "tsconfig.node.json"
-    "vite-env.d.ts": "%{js_destination_path}/vite-env.d.ts"
+    "types/vite-env.d.ts": "%{js_destination_path}/types/vite-env.d.ts"
+    "types/globals.d.ts": "%{js_destination_path}/types/globals.d.ts"
+    "types/index.ts": "%{js_destination_path}/types/index.ts"
   copy_files_js:
-    "InertiaExample.svelte": "%{js_destination_path}/pages/InertiaExample.svelte"
+    "InertiaExample.svelte": "%{js_destination_path}/pages/inertia_example/index.svelte"
   copy_files:
     "svelte.config.js": "svelte.config.js"
     "../assets/svelte.svg": "%{js_destination_path}/assets/svelte.svg"
diff --git a/lib/generators/inertia/install/install_generator.rb b/lib/generators/inertia/install/install_generator.rb
index 6ef0d507..e54b7c2d 100644
--- a/lib/generators/inertia/install/install_generator.rb
+++ b/lib/generators/inertia/install/install_generator.rb
@@ -65,9 +65,21 @@ def install
         install_example_page if options[:example_page]
 
         say 'Copying bin/dev'
-        copy_file "#{__dir__}/templates/dev", 'bin/dev'
+        copy_file 'dev', 'bin/dev'
         chmod 'bin/dev', 0o755, verbose: verbose?
 
+        if install_vite?
+          say 'Adding redirect to localhost'
+          routing_code = <<~RUBY
+            \n  # Redirect to localhost from 127.0.0.1 to use same IP address with Vite server
+              constraints(host: "127.0.0.1") do
+                get "(*path)", to: redirect { |params, req| "\#{req.protocol}localhost:\#{req.port}/\#{params[:path]}" }
+              end
+          RUBY
+
+          route routing_code
+        end
+
         say "Inertia's Rails adapter successfully installed", :green
       end
 
@@ -87,12 +99,15 @@ def install_inertia
         end
 
         say "Copying #{inertia_entrypoint} entrypoint"
-        template "#{framework}/#{inertia_entrypoint}", js_file_path("entrypoints/#{inertia_entrypoint}")
+        copy_file "#{framework}/#{inertia_entrypoint}", js_file_path("entrypoints/#{inertia_entrypoint}")
+
+        say 'Copying InertiaController'
+        copy_file 'inertia_controller.rb', file_path('app/controllers/inertia_controller.rb')
 
         if application_layout.exist?
           say "Adding #{inertia_entrypoint} script tag to the application layout"
           headers = <<-ERB
-    <%= #{vite_tag} "inertia" %>
+    <%= #{vite_tag} %>
     <%= inertia_ssr_head %>
           ERB
           insert_into_file application_layout.to_s, headers, after: "<%= vite_client_tag %>\n"
@@ -103,14 +118,14 @@ def install_inertia
                              before: '<%= vite_client_tag %>'
           end
 
-          gsub_file application_layout.to_s, /<title>/, '<title inertia>' unless svelte?
+          gsub_file application_layout.to_s, /<title>/, '<title data-inertia>' unless svelte?
         else
           say_error 'Could not find the application layout file. Please add the following tags manually:', :red
           say_error '-  <title>...</title>'
-          say_error '+  <title inertia>...</title>'
+          say_error '+  <title data-inertia>...</title>'
           say_error '+  <%= inertia_ssr_head %>'
           say_error '+  <%= vite_react_refresh_tag %>' if framework == 'react'
-          say_error "+  <%= #{vite_tag} \"inertia\" %>"
+          say_error "+  <%= #{vite_tag} %>"
         end
       end
 
@@ -192,6 +207,8 @@ def install_vite
               say_error 'Failed to install Vite Rails', :red
               exit(false)
             end
+
+            add_package_manager_to_bin_setup
           end
         end
       end
@@ -258,11 +275,13 @@ def typescript?
       end
 
       def inertia_entrypoint
-        "inertia.#{typescript? ? 'ts' : 'js'}"
+        "inertia.#{typescript? ? 'ts' : 'js'}#{'x' if react?}"
       end
 
       def vite_tag
-        typescript? ? 'vite_typescript_tag' : 'vite_javascript_tag'
+        tag = typescript? ? 'vite_typescript_tag' : 'vite_javascript_tag'
+        filename = "\"#{react? ? inertia_entrypoint : 'inertia'}\""
+        "#{tag} #{filename}"
       end
 
       def inertia_resolved_version
@@ -280,6 +299,10 @@ def svelte?
         framework.start_with? 'svelte'
       end
 
+      def react?
+        framework.start_with? 'react'
+      end
+
       def inertia_package
         "#{FRAMEWORKS[framework]['inertia_package']}@#{options[:inertia_version]}"
       end
@@ -288,6 +311,26 @@ def framework
         @framework ||= options[:framework] || ask('What framework do you want to use with Inertia?', :green,
                                                   limited_to: FRAMEWORKS.keys, default: 'react')
       end
+
+      def add_package_manager_to_bin_setup
+        setup_file = file_path('bin/setup')
+        return unless File.exist?(setup_file)
+
+        content = File.read(setup_file)
+        pm_name = package_manager.name
+
+        # Check if package manager install already exists
+        return if content.include?("#{pm_name} install")
+
+        if content.match?(/system\('bundle check'\) \|\| system!\('bundle install'\)/)
+          say 'Adding package manager install to bin/setup'
+          cmd = "system! '#{pm_name} install'"
+          insert_into_file setup_file, "  #{cmd}\n",
+                           after: /system\('bundle check'\) \|\| system!\('bundle install'\)\n/
+        else
+          say_status "Couldn't add `#{cmd}` script to bin/setup, add it manually", :red
+        end
+      end
     end
   end
 end
diff --git a/lib/generators/inertia/install/js_package_manager.rb b/lib/generators/inertia/install/js_package_manager.rb
index 24b0f1a6..4687b5d9 100644
--- a/lib/generators/inertia/install/js_package_manager.rb
+++ b/lib/generators/inertia/install/js_package_manager.rb
@@ -12,22 +12,22 @@ def initialize(generator)
       end
 
       def present?
-        package_manager.present?
+        name.present?
       end
 
       def add_dependencies(*dependencies)
         options = @generator.options[:verbose] ? '' : ' --silent'
         @generator.in_root do
-          @generator.run "#{package_manager} add #{dependencies.join(' ')}#{options}"
+          @generator.run "#{name} add #{dependencies.join(' ')}#{options}"
         end
       end
 
-      private
-
-      def package_manager
-        @package_manager ||= @generator.options[:package_manager] || detect_package_manager
+      def name
+        @name ||= @generator.options[:package_manager] || detect_package_manager
       end
 
+      private
+
       def detect_package_manager
         return nil unless file?('package.json')
 
diff --git a/lib/generators/inertia/install/templates/controller.rb b/lib/generators/inertia/install/templates/controller.rb
index 0c95ffe9..369a3716 100644
--- a/lib/generators/inertia/install/templates/controller.rb
+++ b/lib/generators/inertia/install/templates/controller.rb
@@ -1,9 +1,7 @@
 # frozen_string_literal: true
 
-class InertiaExampleController < ApplicationController
+class InertiaExampleController < InertiaController
   def index
-    render inertia: 'InertiaExample', props: {
-      name: params.fetch(:name, 'World'),
-    }
+    render inertia: { name: params.fetch(:name, 'World') }
   end
 end
diff --git a/lib/generators/inertia/install/templates/inertia_controller.rb b/lib/generators/inertia/install/templates/inertia_controller.rb
new file mode 100644
index 00000000..62ce6470
--- /dev/null
+++ b/lib/generators/inertia/install/templates/inertia_controller.rb
@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+class InertiaController < ApplicationController
+  inertia_share flash: -> { flash.to_hash }
+end
diff --git a/lib/generators/inertia/install/templates/react/InertiaExample.jsx b/lib/generators/inertia/install/templates/react/InertiaExample.jsx
index 77d2402c..aabe43f3 100644
--- a/lib/generators/inertia/install/templates/react/InertiaExample.jsx
+++ b/lib/generators/inertia/install/templates/react/InertiaExample.jsx
@@ -5,7 +5,7 @@ import inertiaSvg from '/assets/inertia.svg'
 import reactSvg from '/assets/react.svg'
 import viteRubySvg from '/assets/vite_ruby.svg'
 
-import cs from './InertiaExample.module.css'
+import cs from './index.module.css'
 
 export default function InertiaExample({ name }) {
   const [count, setCount] = useState(0)
@@ -47,7 +47,7 @@ export default function InertiaExample({ name }) {
             count is {count}
           </button>
           <p>
-            Edit <code>app/frontend/pages/InertiaExample.jsx</code> and save to
+            Edit <code>app/frontend/pages/inertia_example/index.jsx</code> and save to
             test HMR
           </p>
         </div>
diff --git a/lib/generators/inertia/install/templates/react/InertiaExample.tsx b/lib/generators/inertia/install/templates/react/InertiaExample.tsx
index b5061b03..3c657e99 100644
--- a/lib/generators/inertia/install/templates/react/InertiaExample.tsx
+++ b/lib/generators/inertia/install/templates/react/InertiaExample.tsx
@@ -5,7 +5,7 @@ import inertiaSvg from '/assets/inertia.svg'
 import reactSvg from '/assets/react.svg'
 import viteRubySvg from '/assets/vite_ruby.svg'
 
-import cs from './InertiaExample.module.css'
+import cs from './index.module.css'
 
 export default function InertiaExample({ name }: { name: string }) {
   const [count, setCount] = useState(0)
@@ -47,7 +47,7 @@ export default function InertiaExample({ name }: { name: string }) {
             count is {count}
           </button>
           <p>
-            Edit <code>app/frontend/pages/InertiaExample.jsx</code> and save to
+            Edit <code>app/frontend/pages/inertia_example/index.tsx</code> and save to
             test HMR
           </p>
         </div>
diff --git a/lib/generators/inertia/install/templates/react/inertia.js b/lib/generators/inertia/install/templates/react/inertia.js
deleted file mode 100644
index ca6396af..00000000
--- a/lib/generators/inertia/install/templates/react/inertia.js
+++ /dev/null
@@ -1,45 +0,0 @@
-import { createInertiaApp } from '@inertiajs/react'
-import { createElement } from 'react'
-import { createRoot } from 'react-dom/client'
-
-createInertiaApp({
-  // Set default page title
-  // see https://inertia-rails.dev/guide/title-and-meta
-  //
-  // title: title => title ? `${title} - App` : 'App',
-
-  // Disable progress bar
-  //
-  // see https://inertia-rails.dev/guide/progress-indicators
-  // progress: false,
-
-  resolve: (name) => {
-    const pages = import.meta.glob('../pages/**/*.jsx', {
-      eager: true,
-    })
-    const page = pages[`../pages/${name}.jsx`]
-    if (!page) {
-      console.error(`Missing Inertia page component: '${name}.jsx'`)
-    }
-
-    // To use a default layout, import the Layout component
-    // and use the following lines.
-    // see https://inertia-rails.dev/guide/pages#default-layouts
-    //
-    // page.default.layout ||= (page) => createElement(Layout, null, page)
-
-    return page
-  },
-
-  setup({ el, App, props }) {
-    if (el) {
-      createRoot(el).render(createElement(App, props))
-    } else {
-      console.error(
-        'Missing root element.\n\n' +
-          'If you see this error, it probably means you load Inertia.js on non-Inertia pages.\n' +
-          'Consider moving <%%= vite_javascript_tag "inertia" %> to the Inertia-specific layout instead.',
-      )
-    }
-  },
-})
diff --git a/lib/generators/inertia/install/templates/react/inertia.jsx b/lib/generators/inertia/install/templates/react/inertia.jsx
new file mode 100644
index 00000000..75c6b17b
--- /dev/null
+++ b/lib/generators/inertia/install/templates/react/inertia.jsx
@@ -0,0 +1,65 @@
+import { createInertiaApp } from '@inertiajs/react'
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+
+createInertiaApp({
+  // Set default page title
+  // see https://inertia-rails.dev/guide/title-and-meta
+  //
+  // title: title => title ? `${title} - App` : 'App',
+
+  // Disable progress bar
+  //
+  // see https://inertia-rails.dev/guide/progress-indicators
+  // progress: false,
+
+  resolve: (name) => {
+    const pages = import.meta.glob('../pages/**/*.jsx', {
+      eager: true,
+    })
+    const page = pages[`../pages/${name}.jsx`]
+    if (!page) {
+      console.error(`Missing Inertia page component: '${name}.jsx'`)
+    }
+
+    // To use a default layout, import the Layout component
+    // and use the following lines.
+    // see https://inertia-rails.dev/guide/pages#default-layouts
+    //
+    // page.default.layout ||= (page) => (<Layout>{page}</Layout>)
+
+    return page
+  },
+
+  setup({ el, App, props }) {
+    createRoot(el).render(
+      <StrictMode>
+        <App {...props} />
+      </StrictMode>
+    )
+  },
+
+  defaults: {
+    form: {
+      forceIndicesArrayFormatInFormData: true,
+    },
+    future: {
+      useDataInertiaHeadAttribute: true,
+      useDialogForErrorModal: true,
+      preserveEqualProps: true,
+    },
+  },
+}).catch((error) => {
+  // This ensures this entrypoint is only loaded on Inertia pages
+  // by checking for the presence of the root element (#app by default).
+  // Feel free to remove this `catch` if you don't need it.
+  if (document.getElementById("app")) {
+    throw error
+  } else {
+    console.error(
+      "Missing root element.\n\n" +
+      "If you see this error, it probably means you loaded Inertia.js on non-Inertia pages.\n" +
+      'Consider moving <%= vite_javascript_tag "inertia.jsx" %> to the Inertia-specific layout instead.',
+    )
+  }
+})
diff --git a/lib/generators/inertia/install/templates/react/inertia.ts b/lib/generators/inertia/install/templates/react/inertia.ts
deleted file mode 100644
index 9998974d..00000000
--- a/lib/generators/inertia/install/templates/react/inertia.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { createInertiaApp } from '@inertiajs/react'
-import { createElement, ReactNode } from 'react'
-import { createRoot } from 'react-dom/client'
-
-// Temporary type definition, until @inertiajs/react provides one
-type ResolvedComponent = {
-  default: ReactNode
-  layout?: (page: ReactNode) => ReactNode
-}
-
-createInertiaApp({
-  // Set default page title
-  // see https://inertia-rails.dev/guide/title-and-meta
-  //
-  // title: title => title ? `${title} - App` : 'App',
-
-  // Disable progress bar
-  //
-  // see https://inertia-rails.dev/guide/progress-indicators
-  // progress: false,
-
-  resolve: (name) => {
-    const pages = import.meta.glob<ResolvedComponent>('../pages/**/*.tsx', {
-      eager: true,
-    })
-    const page = pages[`../pages/${name}.tsx`]
-    if (!page) {
-      console.error(`Missing Inertia page component: '${name}.tsx'`)
-    }
-
-    // To use a default layout, import the Layout component
-    // and use the following line.
-    // see https://inertia-rails.dev/guide/pages#default-layouts
-    //
-    // page.default.layout ||= (page) => createElement(Layout, null, page)
-
-    return page
-  },
-
-  setup({ el, App, props }) {
-    if (el) {
-      createRoot(el).render(createElement(App, props))
-    } else {
-      console.error(
-        'Missing root element.\n\n' +
-          'If you see this error, it probably means you load Inertia.js on non-Inertia pages.\n' +
-          'Consider moving <%%= vite_typescript_tag "inertia" %> to the Inertia-specific layout instead.',
-      )
-    }
-  },
-})
diff --git a/lib/generators/inertia/install/templates/react/inertia.tsx b/lib/generators/inertia/install/templates/react/inertia.tsx
new file mode 100644
index 00000000..db2238f9
--- /dev/null
+++ b/lib/generators/inertia/install/templates/react/inertia.tsx
@@ -0,0 +1,65 @@
+import { createInertiaApp, type ResolvedComponent } from '@inertiajs/react'
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+
+void createInertiaApp({
+  // Set default page title
+  // see https://inertia-rails.dev/guide/title-and-meta
+  //
+  // title: title => title ? `${title} - App` : 'App',
+
+  // Disable progress bar
+  //
+  // see https://inertia-rails.dev/guide/progress-indicators
+  // progress: false,
+
+  resolve: (name) => {
+    const pages = import.meta.glob<ResolvedComponent>('../pages/**/*.tsx', {
+      eager: true,
+    })
+    const page = pages[`../pages/${name}.tsx`]
+    if (!page) {
+      console.error(`Missing Inertia page component: '${name}.tsx'`)
+    }
+
+    // To use a default layout, import the Layout component
+    // and use the following line.
+    // see https://inertia-rails.dev/guide/pages#default-layouts
+    //
+    // page.default.layout ||= (page) => (<Layout>{page}</Layout>)
+
+    return page
+  },
+
+  setup({ el, App, props }) {
+    createRoot(el).render(
+      <StrictMode>
+        <App {...props} />
+      </StrictMode>
+    )
+  },
+
+  defaults: {
+    form: {
+      forceIndicesArrayFormatInFormData: true,
+    },
+    future: {
+      useDataInertiaHeadAttribute: true,
+      useDialogForErrorModal: true,
+      preserveEqualProps: true,
+    },
+  },
+}).catch((error) => {
+  // This ensures this entrypoint is only loaded on Inertia pages
+  // by checking for the presence of the root element (#app by default).
+  // Feel free to remove this `catch` if you don't need it.
+  if (document.getElementById("app")) {
+    throw error
+  } else {
+    console.error(
+      "Missing root element.\n\n" +
+      "If you see this error, it probably means you loaded Inertia.js on non-Inertia pages.\n" +
+      'Consider moving <%= vite_typescript_tag "inertia.tsx" %> to the Inertia-specific layout instead.',
+    )
+  }
+})
diff --git a/lib/generators/inertia/install/templates/react/tsconfig.app.json b/lib/generators/inertia/install/templates/react/tsconfig.app.json
index ff1c5b10..4a22ca01 100644
--- a/lib/generators/inertia/install/templates/react/tsconfig.app.json
+++ b/lib/generators/inertia/install/templates/react/tsconfig.app.json
@@ -22,6 +22,13 @@
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true,
+
+    /* Aliases */
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["<%= js_destination_path %>/*"],
+      "~/*": ["<%= js_destination_path %>/*"]
+    }
   },
   "include": ["<%= js_destination_path %>"]
 }
diff --git a/lib/generators/inertia/install/templates/react/types/globals.d.ts b/lib/generators/inertia/install/templates/react/types/globals.d.ts
new file mode 100644
index 00000000..d163a308
--- /dev/null
+++ b/lib/generators/inertia/install/templates/react/types/globals.d.ts
@@ -0,0 +1,8 @@
+import type { SharedProps } from '@/types'
+
+declare module '@inertiajs/core' {
+  export interface InertiaConfig {
+    sharedPageProps: SharedProps
+    errorValueType: string[]
+  }
+}
diff --git a/lib/generators/inertia/install/templates/react/types/index.ts b/lib/generators/inertia/install/templates/react/types/index.ts
new file mode 100644
index 00000000..774d62d5
--- /dev/null
+++ b/lib/generators/inertia/install/templates/react/types/index.ts
@@ -0,0 +1,8 @@
+export type Flash = {
+  notice?: string
+  alert?: string
+}
+
+export type SharedProps = {
+  flash: Flash
+}
diff --git a/lib/generators/inertia/install/templates/react/vite-env.d.ts b/lib/generators/inertia/install/templates/react/types/vite-env.d.ts
similarity index 100%
rename from lib/generators/inertia/install/templates/react/vite-env.d.ts
rename to lib/generators/inertia/install/templates/react/types/vite-env.d.ts
diff --git a/lib/generators/inertia/install/templates/svelte/InertiaExample.svelte b/lib/generators/inertia/install/templates/svelte/InertiaExample.svelte
index cdaf667b..8c69883f 100644
--- a/lib/generators/inertia/install/templates/svelte/InertiaExample.svelte
+++ b/lib/generators/inertia/install/templates/svelte/InertiaExample.svelte
@@ -34,7 +34,7 @@
       count is {count}
     </button>
     <p>
-      Edit <code>app/frontend/pages/InertiaExample.svelte</code> and save to test
+      Edit <code>app/frontend/pages/inertia_example/index.svelte</code> and save to test
       HMR
     </p>
   </div>
diff --git a/lib/generators/inertia/install/templates/svelte/InertiaExample.ts.svelte b/lib/generators/inertia/install/templates/svelte/InertiaExample.ts.svelte
index a4e31248..9ec790c8 100644
--- a/lib/generators/inertia/install/templates/svelte/InertiaExample.ts.svelte
+++ b/lib/generators/inertia/install/templates/svelte/InertiaExample.ts.svelte
@@ -34,7 +34,7 @@
       count is {count}
     </button>
     <p>
-      Edit <code>app/frontend/pages/InertiaExample.svelte</code> and save to test
+      Edit <code>app/frontend/pages/inertia_example/index.svelte</code> and save to test
       HMR
     </p>
   </div>
diff --git a/lib/generators/inertia/install/templates/svelte/inertia.js b/lib/generators/inertia/install/templates/svelte/inertia.js
index 15e490f1..4412cc22 100644
--- a/lib/generators/inertia/install/templates/svelte/inertia.js
+++ b/lib/generators/inertia/install/templates/svelte/inertia.js
@@ -30,10 +30,21 @@ createInertiaApp({
       mount(App, { target: el, props })
     } else {
       console.error(
-        'Missing root element.\n\n' +
-          'If you see this error, it probably means you load Inertia.js on non-Inertia pages.\n' +
-          'Consider moving <%%= vite_javascript_tag "inertia" %> to the Inertia-specific layout instead.',
+        "Missing root element.\n\n" +
+        "If you see this error, it probably means you load Inertia.js on non-Inertia pages.\n" +
+        'Consider moving <%= vite_javascript_tag "inertia" %> to the Inertia-specific layout instead.',
       )
     }
   },
+
+  defaults: {
+    form: {
+      forceIndicesArrayFormatInFormData: true,
+    },
+    future: {
+      useDataInertiaHeadAttribute: true,
+      useDialogForErrorModal: true,
+      preserveEqualProps: true,
+    },
+  },
 })
diff --git a/lib/generators/inertia/install/templates/svelte/inertia.ts.tt b/lib/generators/inertia/install/templates/svelte/inertia.ts
similarity index 76%
rename from lib/generators/inertia/install/templates/svelte/inertia.ts.tt
rename to lib/generators/inertia/install/templates/svelte/inertia.ts
index 0953756e..9d4b818b 100644
--- a/lib/generators/inertia/install/templates/svelte/inertia.ts.tt
+++ b/lib/generators/inertia/install/templates/svelte/inertia.ts
@@ -27,14 +27,24 @@ createInertiaApp({
 
   setup({ el, App, props }) {
     if (el) {
-<%= "      // @ts-expect-error 1.3.0 contains types mismatch\n" if inertia_resolved_version.release == Gem::Version.new('1.3.0') -%>
       mount(App, { target: el, props })
     } else {
       console.error(
         'Missing root element.\n\n' +
           'If you see this error, it probably means you load Inertia.js on non-Inertia pages.\n' +
-          'Consider moving <%%= vite_typescript_tag "inertia" %> to the Inertia-specific layout instead.',
+          'Consider moving <%= vite_typescript_tag "inertia" %> to the Inertia-specific layout instead.',
       )
     }
   },
+
+  defaults: {
+    form: {
+      forceIndicesArrayFormatInFormData: true,
+    },
+    future: {
+      useDataInertiaHeadAttribute: true,
+      useDialogForErrorModal: true,
+      preserveEqualProps: true,
+    },
+  },
 })
diff --git a/lib/generators/inertia/install/templates/svelte/tsconfig.json b/lib/generators/inertia/install/templates/svelte/tsconfig.json
index acbc1cdf..c0f6c401 100644
--- a/lib/generators/inertia/install/templates/svelte/tsconfig.json
+++ b/lib/generators/inertia/install/templates/svelte/tsconfig.json
@@ -15,7 +15,15 @@
     "checkJs": true,
     "isolatedModules": true,
     "moduleDetection": "force",
+
+    /* Aliases */
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["<%= js_destination_path %>/*"],
+      "~/*": ["<%= js_destination_path %>/*"]
+    }
   },
+
   "include": ["<%= js_destination_path %>/**/*.ts", "<%= js_destination_path %>/**/*.js", "<%= js_destination_path %>/**/*.svelte"],
   "references": [{ "path": "./tsconfig.node.json" }]
 }
diff --git a/lib/generators/inertia/install/templates/svelte/types/globals.d.ts b/lib/generators/inertia/install/templates/svelte/types/globals.d.ts
new file mode 100644
index 00000000..d163a308
--- /dev/null
+++ b/lib/generators/inertia/install/templates/svelte/types/globals.d.ts
@@ -0,0 +1,8 @@
+import type { SharedProps } from '@/types'
+
+declare module '@inertiajs/core' {
+  export interface InertiaConfig {
+    sharedPageProps: SharedProps
+    errorValueType: string[]
+  }
+}
diff --git a/lib/generators/inertia/install/templates/svelte/types/index.ts b/lib/generators/inertia/install/templates/svelte/types/index.ts
new file mode 100644
index 00000000..774d62d5
--- /dev/null
+++ b/lib/generators/inertia/install/templates/svelte/types/index.ts
@@ -0,0 +1,8 @@
+export type Flash = {
+  notice?: string
+  alert?: string
+}
+
+export type SharedProps = {
+  flash: Flash
+}
diff --git a/lib/generators/inertia/install/templates/svelte/vite-env.d.ts b/lib/generators/inertia/install/templates/svelte/types/vite-env.d.ts
similarity index 100%
rename from lib/generators/inertia/install/templates/svelte/vite-env.d.ts
rename to lib/generators/inertia/install/templates/svelte/types/vite-env.d.ts
diff --git a/lib/generators/inertia/install/templates/svelte4/InertiaExample.svelte b/lib/generators/inertia/install/templates/svelte4/InertiaExample.svelte
deleted file mode 100644
index b3589c42..00000000
--- a/lib/generators/inertia/install/templates/svelte4/InertiaExample.svelte
+++ /dev/null
@@ -1,116 +0,0 @@
-<script>
-  import svelteSvg from '/assets/svelte.svg'
-  import inertiaSvg from '/assets/inertia.svg'
-  import viteRubySvg from '/assets/vite_ruby.svg'
-
-  export let name
-
-  let count = 0
-
-  function handleClick() {
-    count += 1
-  }
-</script>
-
-<svelte:head>
-  <title>Inertia + Vite Ruby + Svelte Example</title>
-</svelte:head>
-
-<div class="inertia_example">
-  <h1>Hello {name}!</h1>
-
-  <div>
-    <a href="https://inertia-rails.dev/" target="_blank">
-      <img class="logo" src={inertiaSvg} alt="Inertia logo" />
-    </a>
-    <a href="https://vite-ruby.netlify.app" target="_blank">
-      <img class="logo vite" src={viteRubySvg} alt="Vite Ruby logo" />
-    </a>
-    <a href="https://svelte.dev" target="_blank">
-      <img class="logo svelte" src={svelteSvg} alt="Svelte logo" />
-    </a>
-  </div>
-
-  <h2>Inertia + Vite Ruby + Svelte</h2>
-
-  <div class="card">
-    <button on:click={handleClick}>
-      count is {count}
-    </button>
-    <p>
-      Edit <code>app/frontend/pages/InertiaExample.svelte</code> and save to test
-      HMR
-    </p>
-  </div>
-  <p class="read-the-docs">
-    Click on the Inertia, Vite Ruby, and Svelte logos to learn more
-  </p>
-</div>
-
-<style>
-  .inertia_example {
-    font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
-    line-height: 1.5;
-    font-weight: 400;
-    color: #213547;
-    background-color: #ffffff;
-    max-width: 1280px;
-    margin: 0 auto;
-    padding: 2rem;
-    text-align: center;
-  }
-
-  h1 {
-    font-size: 3.2em;
-    line-height: 1.1;
-  }
-
-  h2 {
-    font-size: 2.6em;
-    line-height: 1.1;
-  }
-
-  button {
-    border-radius: 8px;
-    border: 1px solid transparent;
-    padding: 0.6em 1.2em;
-    font-size: 1em;
-    font-weight: 500;
-    font-family: inherit;
-    background-color: #f9f9f9;
-    cursor: pointer;
-    transition: border-color 0.25s;
-  }
-  button:hover {
-    border-color: #646cff;
-  }
-  button:focus,
-  button:focus-visible {
-    outline: 4px auto -webkit-focus-ring-color;
-  }
-
-  .logo {
-    display: inline-block;
-    height: 6em;
-    padding: 1.5em;
-    will-change: filter;
-    transition: filter 300ms;
-  }
-  .logo:hover {
-    filter: drop-shadow(0 0 2em #646cffaa);
-  }
-  .logo.vite:hover {
-    filter: drop-shadow(0 0 2em #e4023baa);
-  }
-  .logo.svelte:hover {
-    filter: drop-shadow(0 0 2em #ff3e00aa);
-  }
-
-  .card {
-    padding: 2em;
-  }
-
-  .read-the-docs {
-    color: #888;
-  }
-</style>
diff --git a/lib/generators/inertia/install/templates/svelte4/InertiaExample.ts.svelte b/lib/generators/inertia/install/templates/svelte4/InertiaExample.ts.svelte
deleted file mode 100644
index 0ae6e21a..00000000
--- a/lib/generators/inertia/install/templates/svelte4/InertiaExample.ts.svelte
+++ /dev/null
@@ -1,116 +0,0 @@
-<script lang="ts">
-  import svelteSvg from '/assets/svelte.svg'
-  import inertiaSvg from '/assets/inertia.svg'
-  import viteRubySvg from '/assets/vite_ruby.svg'
-
-  export let name: string
-
-  let count = 0
-
-  function handleClick() {
-    count += 1
-  }
-</script>
-
-<svelte:head>
-  <title>Inertia + Vite Ruby + Svelte Example</title>
-</svelte:head>
-
-<div class="inertia_example">
-  <h1>Hello {name}!</h1>
-
-  <div>
-    <a href="https://inertia-rails.dev" target="_blank">
-      <img class="logo" src={inertiaSvg} alt="Inertia logo" />
-    </a>
-    <a href="https://vite-ruby.netlify.app" target="_blank">
-      <img class="logo vite" src={viteRubySvg} alt="Vite Ruby logo" />
-    </a>
-    <a href="https://svelte.dev" target="_blank">
-      <img class="logo svelte" src={svelteSvg} alt="Svelte logo" />
-    </a>
-  </div>
-
-  <h2>Inertia + Vite Ruby + Svelte</h2>
-
-  <div class="card">
-    <button on:click={handleClick}>
-      count is {count}
-    </button>
-    <p>
-      Edit <code>app/frontend/pages/InertiaExample.svelte</code> and save to test
-      HMR
-    </p>
-  </div>
-  <p class="read-the-docs">
-    Click on the Inertia, Vite Ruby, and Svelte logos to learn more
-  </p>
-</div>
-
-<style>
-  .inertia_example {
-    font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
-    line-height: 1.5;
-    font-weight: 400;
-    color: #213547;
-    background-color: #ffffff;
-    max-width: 1280px;
-    margin: 0 auto;
-    padding: 2rem;
-    text-align: center;
-  }
-
-  h1 {
-    font-size: 3.2em;
-    line-height: 1.1;
-  }
-
-  h2 {
-    font-size: 2.6em;
-    line-height: 1.1;
-  }
-
-  button {
-    border-radius: 8px;
-    border: 1px solid transparent;
-    padding: 0.6em 1.2em;
-    font-size: 1em;
-    font-weight: 500;
-    font-family: inherit;
-    background-color: #f9f9f9;
-    cursor: pointer;
-    transition: border-color 0.25s;
-  }
-  button:hover {
-    border-color: #646cff;
-  }
-  button:focus,
-  button:focus-visible {
-    outline: 4px auto -webkit-focus-ring-color;
-  }
-
-  .logo {
-    display: inline-block;
-    height: 6em;
-    padding: 1.5em;
-    will-change: filter;
-    transition: filter 300ms;
-  }
-  .logo:hover {
-    filter: drop-shadow(0 0 2em #646cffaa);
-  }
-  .logo.vite:hover {
-    filter: drop-shadow(0 0 2em #e4023baa);
-  }
-  .logo.svelte:hover {
-    filter: drop-shadow(0 0 2em #ff3e00aa);
-  }
-
-  .card {
-    padding: 2em;
-  }
-
-  .read-the-docs {
-    color: #888;
-  }
-</style>
diff --git a/lib/generators/inertia/install/templates/svelte4/inertia.js b/lib/generators/inertia/install/templates/svelte4/inertia.js
deleted file mode 100644
index e0b39358..00000000
--- a/lib/generators/inertia/install/templates/svelte4/inertia.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import { createInertiaApp } from '@inertiajs/svelte'
-
-createInertiaApp({
-  // Set default page title
-  // see https://inertia-rails.dev/guide/title-and-meta
-  //
-  // title: title => title ? `${title} - App` : 'App',
-
-  // Disable progress bar
-  //
-  // see https://inertia-rails.dev/guide/progress-indicators
-  // progress: false,
-
-  resolve: (name) => {
-    const pages = import.meta.glob('../pages/**/*.svelte', {
-      eager: true,
-    })
-    const page = pages[`../pages/${name}.svelte`]
-    if (!page) {
-      console.error(`Missing Inertia page component: '${name}.svelte'`)
-    }
-
-    // To use a default layout, import the Layout component
-    // and use the following lines.
-    // see https://inertia-rails.dev/guide/pages#default-layouts
-    //
-    // return { default: page.default, layout: page.layout || Layout }
-
-    return page
-  },
-
-  setup({ el, App, props }) {
-    if (el) {
-      new App({ target: el, props })
-    } else {
-      console.error(
-        'Missing root element.\n\n' +
-          'If you see this error, it probably means you load Inertia.js on non-Inertia pages.\n' +
-          'Consider moving <%%= vite_javascript_tag "inertia" %> to the Inertia-specific layout instead.',
-      )
-    }
-  },
-})
diff --git a/lib/generators/inertia/install/templates/svelte4/inertia.ts.tt b/lib/generators/inertia/install/templates/svelte4/inertia.ts.tt
deleted file mode 100644
index 6655d224..00000000
--- a/lib/generators/inertia/install/templates/svelte4/inertia.ts.tt
+++ /dev/null
@@ -1,44 +0,0 @@
-import { createInertiaApp, type ResolvedComponent } from '@inertiajs/svelte'
-
-createInertiaApp({
-  // Set default page title
-  // see https://inertia-rails.dev/guide/title-and-meta
-  //
-  // title: title => title ? `${title} - App` : 'App',
-
-  // Disable progress bar
-  //
-  // see https://inertia-rails.dev/guide/progress-indicators
-  // progress: false,
-
-  resolve: (name) => {
-    const pages = import.meta.glob<ResolvedComponent>('../pages/**/*.svelte', {
-      eager: true,
-    })
-    const page = pages[`../pages/${name}.svelte`]
-    if (!page) {
-      console.error(`Missing Inertia page component: '${name}.svelte'`)
-    }
-
-    // To use a default layout, import the Layout component
-    // and use the following line.
-    // see https://inertia-rails.dev/guide/pages#default-layouts
-    //
-    // return { default: page.default, layout: page.layout || Layout }
-
-    return page
-  },
-
-  setup({ el, App, props }) {
-    if (el) {
-      <%= "// @ts-expect-error 1.3.0 beta contains types mismatch\n" if inertia_resolved_version.release == Gem::Version.new('1.3.0') -%>
-      new App({ target: el, props })
-    } else {
-      console.error(
-        'Missing root element.\n\n' +
-          'If you see this error, it probably means you load Inertia.js on non-Inertia pages.\n' +
-          'Consider moving <%%= vite_javascript_tag "inertia" %> to the Inertia-specific layout instead.',
-      )
-    }
-  },
-})
diff --git a/lib/generators/inertia/install/templates/svelte4/svelte.config.js b/lib/generators/inertia/install/templates/svelte4/svelte.config.js
deleted file mode 100644
index b0683fd2..00000000
--- a/lib/generators/inertia/install/templates/svelte4/svelte.config.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
-
-export default {
-  // Consult https://svelte.dev/docs#compile-time-svelte-preprocess
-  // for more information about preprocessors
-  preprocess: vitePreprocess(),
-}
diff --git a/lib/generators/inertia/install/templates/svelte4/tsconfig.json b/lib/generators/inertia/install/templates/svelte4/tsconfig.json
deleted file mode 100644
index acbc1cdf..00000000
--- a/lib/generators/inertia/install/templates/svelte4/tsconfig.json
+++ /dev/null
@@ -1,21 +0,0 @@
-{
-  "extends": "@tsconfig/svelte/tsconfig.json",
-  "compilerOptions": {
-    "target": "ESNext",
-    "useDefineForClassFields": true,
-    "module": "ESNext",
-    "resolveJsonModule": true,
-    /**
-     * Typecheck JS in `.svelte` and `.js` files by default.
-     * Disable checkJs if you'd like to use dynamic types in JS.
-     * Note that setting allowJs false does not prevent the use
-     * of JS in `.svelte` files.
-     */
-    "allowJs": true,
-    "checkJs": true,
-    "isolatedModules": true,
-    "moduleDetection": "force",
-  },
-  "include": ["<%= js_destination_path %>/**/*.ts", "<%= js_destination_path %>/**/*.js", "<%= js_destination_path %>/**/*.svelte"],
-  "references": [{ "path": "./tsconfig.node.json" }]
-}
diff --git a/lib/generators/inertia/install/templates/svelte4/tsconfig.node.json b/lib/generators/inertia/install/templates/svelte4/tsconfig.node.json
deleted file mode 100644
index 3126cd74..00000000
--- a/lib/generators/inertia/install/templates/svelte4/tsconfig.node.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "skipLibCheck": true,
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "strict": true,
-    "noEmit": true,
-  },
-  "include": ["vite.config.ts"]
-}
diff --git a/lib/generators/inertia/install/templates/svelte4/vite-env.d.ts b/lib/generators/inertia/install/templates/svelte4/vite-env.d.ts
deleted file mode 100644
index 4078e747..00000000
--- a/lib/generators/inertia/install/templates/svelte4/vite-env.d.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-/// <reference types="svelte" />
-/// <reference types="vite/client" />
diff --git a/lib/generators/inertia/install/templates/tailwind/application.css b/lib/generators/inertia/install/templates/tailwind/application.css
index 7577becc..d93dbc6f 100644
--- a/lib/generators/inertia/install/templates/tailwind/application.css
+++ b/lib/generators/inertia/install/templates/tailwind/application.css
@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@import 'tailwindcss';
 
-@plugin "@tailwindcss/typography";
-@plugin "@tailwindcss/forms";
+@plugin '@tailwindcss/typography';
+@plugin '@tailwindcss/forms';
diff --git a/lib/generators/inertia/install/templates/vue/InertiaExample.ts.vue b/lib/generators/inertia/install/templates/vue/InertiaExample.ts.vue
index 7392fc5a..fc637a43 100644
--- a/lib/generators/inertia/install/templates/vue/InertiaExample.ts.vue
+++ b/lib/generators/inertia/install/templates/vue/InertiaExample.ts.vue
@@ -23,7 +23,7 @@
         count is {{ count }}
       </button>
       <p>
-        Edit <code>app/frontend/pages/InertiaExample.vue</code> and save to test
+        Edit <code>app/frontend/pages/inertia_example/index.vue</code> and save to test
         HMR
       </p>
     </div>
diff --git a/lib/generators/inertia/install/templates/vue/InertiaExample.vue b/lib/generators/inertia/install/templates/vue/InertiaExample.vue
index dd14bdea..49b4170d 100644
--- a/lib/generators/inertia/install/templates/vue/InertiaExample.vue
+++ b/lib/generators/inertia/install/templates/vue/InertiaExample.vue
@@ -23,7 +23,7 @@
         count is {{ count }}
       </button>
       <p>
-        Edit <code>app/frontend/pages/InertiaExample.vue</code> and save to test
+        Edit <code>app/frontend/pages/inertia_example/index.vue</code> and save to test
         HMR
       </p>
     </div>
diff --git a/lib/generators/inertia/install/templates/vue/inertia.js b/lib/generators/inertia/install/templates/vue/inertia.js
index 624015a7..93f9a475 100644
--- a/lib/generators/inertia/install/templates/vue/inertia.js
+++ b/lib/generators/inertia/install/templates/vue/inertia.js
@@ -16,15 +16,18 @@ createInertiaApp({
     const pages = import.meta.glob('../pages/**/*.vue', {
       eager: true,
     })
-    return pages[`../pages/${name}.vue`]
+    const page = pages[`../pages/${name}.vue`]
+    if (!page) {
+      console.error(`Missing Inertia page component: '${name}.vue'`)
+    }
 
     // To use a default layout, import the Layout component
     // and use the following lines.
     // see https://inertia-rails.dev/guide/pages#default-layouts
     //
-    // const page = pages[`../pages/${name}.vue`]
     // page.default.layout = page.default.layout || Layout
-    // return page
+
+    return page
   },
 
   setup({ el, App, props, plugin }) {
@@ -32,4 +35,28 @@ createInertiaApp({
       .use(plugin)
       .mount(el)
   },
+
+  defaults: {
+    future: {
+      useDataInertiaHeadAttribute: true,
+      useDialogForErrorModal: true,
+      preserveEqualProps: true,
+    },
+    visitOptions: () => {
+      return { queryStringArrayFormat: "brackets" }
+    },
+  },
+}).catch((error) => {
+  // This ensures this entrypoint is only loaded on Inertia pages
+  // by checking for the presence of the root element (#app by default).
+  // Feel free to remove this `catch` if you don't need it.
+  if (document.getElementById("app")) {
+    throw error
+  } else {
+    console.error(
+      "Missing root element.\n\n" +
+      "If you see this error, it probably means you loaded Inertia.js on non-Inertia pages.\n" +
+      'Consider moving <%= vite_javascript_tag "inertia" %> to the Inertia-specific layout instead.',
+    )
+  }
 })
diff --git a/lib/generators/inertia/install/templates/vue/inertia.ts b/lib/generators/inertia/install/templates/vue/inertia.ts
index 7b043f6a..684af134 100644
--- a/lib/generators/inertia/install/templates/vue/inertia.ts
+++ b/lib/generators/inertia/install/templates/vue/inertia.ts
@@ -16,15 +16,18 @@ createInertiaApp({
     const pages = import.meta.glob<DefineComponent>('../pages/**/*.vue', {
       eager: true,
     })
-    return pages[`../pages/${name}.vue`]
+    const page = pages[`../pages/${name}.vue`]
+    if (!page) {
+      console.error(`Missing Inertia page component: '${name}.vue'`)
+    }
 
     // To use a default layout, import the Layout component
     // and use the following lines.
     // see https://inertia-rails.dev/guide/pages#default-layouts
     //
-    // const page = pages[`../pages/${name}.vue`]
     // page.default.layout = page.default.layout || Layout
-    // return page
+
+    return page
   },
 
   setup({ el, App, props, plugin }) {
@@ -32,4 +35,29 @@ createInertiaApp({
       .use(plugin)
       .mount(el)
   },
+
+  defaults: {
+    future: {
+      useDataInertiaHeadAttribute: true,
+      useDialogForErrorModal: true,
+      preserveEqualProps: true,
+    },
+    visitOptions: () => {
+      return { queryStringArrayFormat: "brackets" }
+    },
+  },
+}).catch((error) => {
+  // This ensures this entrypoint is only loaded on Inertia pages
+  // by checking for the presence of the root element (#app by default).
+  // Feel free to remove this `catch` if you don't need it.
+  if (document.getElementById("app")) {
+    throw error
+  } else {
+    console.error(
+      "Missing root element.\n\n" +
+      "If you see this error, it probably means you loaded Inertia.js on non-Inertia pages.\n" +
+      'Consider moving <%= vite_javascript_tag "inertia" %> to the Inertia-specific layout instead.',
+    )
+  }
 })
+
diff --git a/lib/generators/inertia/install/templates/vue/tsconfig.app.json b/lib/generators/inertia/install/templates/vue/tsconfig.app.json
index dc7d6ca1..666c65e4 100644
--- a/lib/generators/inertia/install/templates/vue/tsconfig.app.json
+++ b/lib/generators/inertia/install/templates/vue/tsconfig.app.json
@@ -18,7 +18,14 @@
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+
+    /* Aliases */
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["<%= js_destination_path %>/*"],
+      "~/*": ["<%= js_destination_path %>/*"]
+    }
   },
   "include": ["<%= js_destination_path %>/**/*.ts", "<%= js_destination_path %>/**/*.tsx", "<%= js_destination_path %>/**/*.vue"]
 }
diff --git a/lib/generators/inertia/install/templates/vue/types/globals.d.ts b/lib/generators/inertia/install/templates/vue/types/globals.d.ts
new file mode 100644
index 00000000..d163a308
--- /dev/null
+++ b/lib/generators/inertia/install/templates/vue/types/globals.d.ts
@@ -0,0 +1,8 @@
+import type { SharedProps } from '@/types'
+
+declare module '@inertiajs/core' {
+  export interface InertiaConfig {
+    sharedPageProps: SharedProps
+    errorValueType: string[]
+  }
+}
diff --git a/lib/generators/inertia/install/templates/vue/types/index.ts b/lib/generators/inertia/install/templates/vue/types/index.ts
new file mode 100644
index 00000000..774d62d5
--- /dev/null
+++ b/lib/generators/inertia/install/templates/vue/types/index.ts
@@ -0,0 +1,8 @@
+export type Flash = {
+  notice?: string
+  alert?: string
+}
+
+export type SharedProps = {
+  flash: Flash
+}
diff --git a/lib/generators/inertia/install/templates/vue/vite-env.d.ts b/lib/generators/inertia/install/templates/vue/types/vite-env.d.ts
similarity index 100%
rename from lib/generators/inertia/install/templates/vue/vite-env.d.ts
rename to lib/generators/inertia/install/templates/vue/types/vite-env.d.ts
diff --git a/lib/generators/inertia_templates/controller/templates/svelte4/view.svelte.tt b/lib/generators/inertia_templates/controller/templates/svelte4/view.svelte.tt
deleted file mode 100644
index cd54d13d..00000000
--- a/lib/generators/inertia_templates/controller/templates/svelte4/view.svelte.tt
+++ /dev/null
@@ -1,2 +0,0 @@
-<h1><%= class_name %>#<%= @action %></h1>
-<p>Find me in <%= @path %></p>
diff --git a/lib/generators/inertia_templates/scaffold/templates/svelte4/Edit.svelte.tt b/lib/generators/inertia_templates/scaffold/templates/svelte4/Edit.svelte.tt
deleted file mode 100644
index 994d246c..00000000
--- a/lib/generators/inertia_templates/scaffold/templates/svelte4/Edit.svelte.tt
+++ /dev/null
@@ -1,37 +0,0 @@
-<script>
-  import { Link } from '@inertiajs/svelte'
-  import Form from './Form.svelte'
-
-  export let <%= singular_table_name %>
-
-  const handleSubmit = (e) => {
-    const { form } = e.detail
-    form.transform((data) => ({ <%= singular_table_name %>: data }))
-<% if attributes.any?(&:attachments?) -%>
-    form.post(`<%= js_resource_path %>`, {
-      headers: { 'X-HTTP-METHOD-OVERRIDE': 'put' },
-    })
-<% else -%>
-    form.patch(`<%= js_resource_path %>`)
-<% end -%>
-  }
-</script>
-
-<svelte:head>
-  <title>Editing <%= human_name.downcase %></title>
-</svelte:head>
-
-<h1>Editing <%= human_name.downcase %></h1>
-
-<Form
-  {<%= singular_table_name %>}
-  submitText="Update <%= human_name %>"
-  on:submit={handleSubmit}
-/>
-
-<br />
-
-<div>
-  <Link href={`<%= js_resource_path %>`}>Show this <%= human_name.downcase %></Link> |
-  <Link href="<%= js_resources_path %>">Back to <%= human_name.pluralize.downcase %></Link>
-</div>
diff --git a/lib/generators/inertia_templates/scaffold/templates/svelte4/Edit.ts.svelte.tt b/lib/generators/inertia_templates/scaffold/templates/svelte4/Edit.ts.svelte.tt
deleted file mode 100644
index fe533a22..00000000
--- a/lib/generators/inertia_templates/scaffold/templates/svelte4/Edit.ts.svelte.tt
+++ /dev/null
@@ -1,38 +0,0 @@
-<script lang="ts">
-  import { Link, type InertiaForm } from '@inertiajs/svelte'
-  import type { <%= inertia_model_type %>, <%= inertia_model_form_type %> } from './types'
-  import Form from './Form.svelte'
-
-  export let <%= singular_table_name %>: <%= inertia_model_type %>
-
-  const handleSubmit = (e: CustomEvent<{ form: InertiaForm<<%= inertia_model_form_type %>> }>) => {
-    const { form } = e.detail
-    form.transform((data) => ({ <%= singular_table_name %>: data }))
-<% if attributes.any?(&:attachments?) -%>
-    form.post(`<%= js_resource_path %>`, {
-      headers: { 'X-HTTP-METHOD-OVERRIDE': 'put' },
-    })
-<% else -%>
-    form.patch(`<%= js_resource_path %>`)
-<% end -%>
-  }
-</script>
-
-<svelte:head>
-  <title>Editing <%= human_name.downcase %></title>
-</svelte:head>
-
-<h1>Editing <%= human_name.downcase %></h1>
-
-<Form
-  {<%= singular_table_name %>}
-  submitText="Update <%= human_name %>"
-  on:submit={handleSubmit}
-/>
-
-<br />
-
-<div>
-  <Link href={`<%= js_resource_path %>`}>Show this <%= human_name.downcase %></Link> |
-  <Link href="<%= js_resources_path %>">Back to <%= human_name.pluralize.downcase %></Link>
-</div>
diff --git a/lib/generators/inertia_templates/scaffold/templates/svelte4/Form.svelte.tt b/lib/generators/inertia_templates/scaffold/templates/svelte4/Form.svelte.tt
deleted file mode 100644
index d02915e6..00000000
--- a/lib/generators/inertia_templates/scaffold/templates/svelte4/Form.svelte.tt
+++ /dev/null
@@ -1,96 +0,0 @@
-<script>
-  import { useForm } from '@inertiajs/svelte'
-  import { createEventDispatcher } from 'svelte'
-
-  const dispatch = createEventDispatcher()
-
-  export let <%= singular_table_name %>
-  export let submitText
-
-  const form = useForm({
-<% attributes.each do |attribute| -%>
-<% if attribute.password_digest? -%>
-    password: '',
-    password_confirmation: '',
-<% else -%>
-    <%= attribute.column_name %>: <%= singular_table_name %>.<%= attribute.column_name %> || <%= default_value(attribute) %>,
-<% end -%>
-<% end -%>
-  })
-</script>
-
-<form on:submit|preventDefault={dispatch('submit', { form: $form })}>
-<% attributes.each do |attribute| -%>
-<% if attribute.password_digest? -%>
-  <div>
-    <label for="password">Password</label>
-    <input
-      type="password"
-      name="password"
-      id="password"
-      bind:value={$form.password}
-    />
-    {#if $form.errors.password}
-      <div class="error">{$form.errors.password.join(', ')}</div>
-    {/if}
-  </div>
-
-  <div>
-    <label for="password_confirmation">Password confirmation</label>
-    <input
-      type="password"
-      name="password_confirmation"
-      id="password_confirmation"
-      bind:value={$form.password_confirmation}
-    />
-    {#if $form.errors.password_confirmation}
-      <div class="error">{$form.errors.password_confirmation.join(', ')}</div>
-    {/if}
-  </div>
-<% else -%>
-  <div>
-    <label for="<%= attribute.singular_name %>"><%= attribute.human_name %></label>
-<% if input_type(attribute) == "text_area" -%>
-    <textarea name="<%= attribute.singular_name %>" id="<%= attribute.singular_name %>" bind:value={$form.<%= attribute.column_name %>}></textarea>
-<% elsif attribute.attachment? -%>
-    <input
-      type="file"
-      name="<%= attribute.singular_name %>"
-      id="<%= attribute.singular_name %>"
-      on:input={(e) => ($form.<%= attribute.column_name %> = e.target.files[0])}
-    />
-<% elsif attribute.attachments? -%>
-    <input
-      type="file"
-      multiple
-      name="<%= attribute.singular_name %>[]"
-      id="<%= attribute.singular_name %>"
-      on:input={(e) => ($form.<%= attribute.column_name %> = Array.from(e.target.files))}
-    />
-<% else -%>
-    <input
-      type="<%= input_type(attribute) %>"
-      name="<%= attribute.singular_name %>"
-      id="<%= attribute.singular_name %>"
-      <%= input_type(attribute) == "checkbox" ? "bind:checked" : "bind:value" %>={$form.<%= attribute.column_name %>}
-    />
-<% end -%>
-    {#if $form.errors.<%= attribute.column_name %>}
-      <div class="error">{$form.errors.<%= attribute.column_name %>.join(', ')}</div>
-    {/if}
-  </div>
-<% end -%>
-<% end -%>
-  <div>
-    <button type="submit" disabled={$form.processing}>{submitText}</button>
-  </div>
-</form>
-
-<style>
-  label {
-    display: block;
-  }
-  .error {
-    color: red;
-  }
-</style>
diff --git a/lib/generators/inertia_templates/scaffold/templates/svelte4/Form.ts.svelte.tt b/lib/generators/inertia_templates/scaffold/templates/svelte4/Form.ts.svelte.tt
deleted file mode 100644
index 925299f6..00000000
--- a/lib/generators/inertia_templates/scaffold/templates/svelte4/Form.ts.svelte.tt
+++ /dev/null
@@ -1,106 +0,0 @@
-<script lang="ts">
-  import { useForm, type InertiaForm } from '@inertiajs/svelte'
-  import { createEventDispatcher } from 'svelte'
-  import type { <%= inertia_model_type %>, <%= inertia_model_form_type %> } from './types'
-
-  const dispatch = createEventDispatcher<{
-    submit: { form: InertiaForm<<%= inertia_model_form_type %>> }
-  }>()
-
-  export let <%= singular_table_name %>: <%= inertia_model_type %>
-  export let submitText: string
-
-<% if attributes.any? { |a| a.attachment? || a.attachments? } -%>
-  const filesFromEvent = (e: Event) => {
-    const target = e.target as HTMLInputElement
-    return Array.from(target.files || [])
-  }
-
-<% end -%>
-  const form = useForm<<%= inertia_model_form_type %>>({
-<% attributes.reject { |a| a.attachment? || a.attachments? }.each do |attribute| -%>
-<% if attribute.password_digest? -%>
-    password: '',
-    password_confirmation: '',
-<% else -%>
-    <%= attribute.column_name %>: <%= singular_table_name %>.<%= attribute.column_name %>,
-<% end -%>
-<% end -%>
-  })
-</script>
-
-<form on:submit|preventDefault={() => dispatch('submit', { form: $form })}>
-<% attributes.each do |attribute| -%>
-<% if attribute.password_digest? -%>
-  <div>
-    <label for="password">Password</label>
-    <input
-      type="password"
-      name="password"
-      id="password"
-      bind:value={$form.password}
-    />
-    {#if $form.errors.password}
-      <div class="error">{$form.errors.password}</div>
-    {/if}
-  </div>
-
-  <div>
-    <label for="password_confirmation">Password confirmation</label>
-    <input
-      type="password"
-      name="password_confirmation"
-      id="password_confirmation"
-      bind:value={$form.password_confirmation}
-    />
-    {#if $form.errors.password_confirmation}
-      <div class="error">{$form.errors.password_confirmation}</div>
-    {/if}
-  </div>
-<% else -%>
-  <div>
-    <label for="<%= attribute.singular_name %>"><%= attribute.human_name %></label>
-<% if input_type(attribute) == "text_area" -%>
-    <textarea name="<%= attribute.singular_name %>" id="<%= attribute.singular_name %>" bind:value={$form.<%= attribute.column_name %>}></textarea>
-<% elsif attribute.attachment? -%>
-    <input
-      type="file"
-      name="<%= attribute.singular_name %>"
-      id="<%= attribute.singular_name %>"
-      on:input={(e) => ($form.<%= attribute.column_name %> = filesFromEvent(e)[0])}
-    />
-<% elsif attribute.attachments? -%>
-    <input
-      type="file"
-      multiple
-      name="<%= attribute.singular_name %>[]"
-      id="<%= attribute.singular_name %>"
-      on:input={(e) => ($form.<%= attribute.column_name %> = filesFromEvent(e))}
-    />
-<% else -%>
-    <input
-      type="<%= input_type(attribute) %>"
-      name="<%= attribute.singular_name %>"
-      id="<%= attribute.singular_name %>"
-      <%= input_type(attribute) == "checkbox" ? "bind:checked" : "bind:value" %>={$form.<%= attribute.column_name %>}
-    />
-<% end -%>
-    {#if $form.errors.<%= attribute.column_name %>}
-      <div class="error">{$form.errors.<%= attribute.column_name %>}</div>
-    {/if}
-  </div>
-<% end -%>
-<% end -%>
-  <div>
-    <button type="submit" disabled={$form.processing}>{submitText}</button>
-  </div>
-</form>
-
-<style>
-  label {
-    display: block;
-  }
-  .error {
-    color: red;
-  }
-</style>
diff --git a/lib/generators/inertia_templates/scaffold/templates/svelte4/Index.svelte.tt b/lib/generators/inertia_templates/scaffold/templates/svelte4/Index.svelte.tt
deleted file mode 100644
index 7164c7b7..00000000
--- a/lib/generators/inertia_templates/scaffold/templates/svelte4/Index.svelte.tt
+++ /dev/null
@@ -1,36 +0,0 @@
-<script>
-  import { Link } from '@inertiajs/svelte'
-  import <%= inertia_component_name %> from './<%= inertia_component_name %>.svelte'
-
-  export let <%= plural_table_name %>
-  export let flash
-</script>
-
-<svelte:head>
-  <title><%= human_name.pluralize %></title>
-</svelte:head>
-
-{#if flash.notice}
-  <p class="notice">{flash.notice}</p>
-{/if}
-
-<h1><%= human_name.pluralize %></h1>
-
-<div>
-  {#each <%= plural_table_name %> as <%= singular_table_name %> (<%= singular_table_name %>.id)}
-    <div>
-      <<%= inertia_component_name %> {<%= singular_table_name %>} />
-      <p>
-        <Link href={`<%= js_resource_path %>`}>Show this <%= human_name.downcase %></Link>
-      </p>
-    </div>
-  {/each}
-</div>
-
-<Link href="<%= js_new_resource_path %>">New <%= human_name.downcase %></Link>
-
-<style>
-  .notice {
-    color: green;
-  }
-</style>
diff --git a/lib/generators/inertia_templates/scaffold/templates/svelte4/Index.ts.svelte.tt b/lib/generators/inertia_templates/scaffold/templates/svelte4/Index.ts.svelte.tt
deleted file mode 100644
index 9b7590b5..00000000
--- a/lib/generators/inertia_templates/scaffold/templates/svelte4/Index.ts.svelte.tt
+++ /dev/null
@@ -1,37 +0,0 @@
-<script lang="ts">
-  import { Link } from '@inertiajs/svelte'
-  import <%= inertia_component_name %> from './<%= inertia_component_name %>.svelte'
-  import type { <%= inertia_model_type %> } from './types'
-
-  export let <%= plural_table_name %>: <%= inertia_model_type %>[]
-  export let flash: { notice?: string }
-</script>
-
-<svelte:head>
-  <title><%= human_name.pluralize %></title>
-</svelte:head>
-
-{#if flash.notice}
-  <p class="notice">{flash.notice}</p>
-{/if}
-
-<h1><%= human_name.pluralize %></h1>
-
-<div>
-  {#each <%= plural_table_name %> as <%= singular_table_name %> (<%= singular_table_name %>.id)}
-    <div>
-      <<%= inertia_component_name %> {<%= singular_table_name %>} />
-      <p>
-        <Link href={`<%= js_resource_path %>`}>Show this <%= human_name.downcase %></Link>
-      </p>
-    </div>
-  {/each}
-</div>
-
-<Link href="<%= js_new_resource_path %>">New <%= human_name.downcase %></Link>
-
-<style>
-  .notice {
-    color: green;
-  }
-</style>
diff --git a/lib/generators/inertia_templates/scaffold/templates/svelte4/New.svelte.tt b/lib/generators/inertia_templates/scaffold/templates/svelte4/New.svelte.tt
deleted file mode 100644
index 75ebd463..00000000
--- a/lib/generators/inertia_templates/scaffold/templates/svelte4/New.svelte.tt
+++ /dev/null
@@ -1,30 +0,0 @@
-<script>
-  import { Link } from '@inertiajs/svelte'
-  import Form from './Form.svelte'
-
-  export let <%= singular_table_name %>
-
-  const handleSubmit = (e) => {
-    const { form } = e.detail
-    form.transform((data) => ({ <%= singular_table_name %>: data }))
-    form.post('<%= js_resources_path %>')
-  }
-</script>
-
-<svelte:head>
-  <title>New <%= human_name.downcase %></title>
-</svelte:head>
-
-<h1>New <%= human_name.downcase %></h1>
-
-<Form
-  {<%= singular_table_name %>}
-  submitText="Create <%= human_name %>"
-  on:submit={handleSubmit}
-/>
-
-<br />
-
-<div>
-  <Link href="<%= js_resources_path %>">Back to <%= human_name.pluralize.downcase %></Link>
-</div>
diff --git a/lib/generators/inertia_templates/scaffold/templates/svelte4/New.ts.svelte.tt b/lib/generators/inertia_templates/scaffold/templates/svelte4/New.ts.svelte.tt
deleted file mode 100644
index ff46c982..00000000
--- a/lib/generators/inertia_templates/scaffold/templates/svelte4/New.ts.svelte.tt
+++ /dev/null
@@ -1,31 +0,0 @@
-<script lang="ts">
-  import { Link, type InertiaForm } from '@inertiajs/svelte'
-  import Form from './Form.svelte'
-  import type { <%= inertia_model_type %>, <%= inertia_model_form_type %> } from './types'
-
-  export let <%= singular_table_name %>: <%= inertia_model_type %>
-
-  const handleSubmit = (e: CustomEvent<{ form: InertiaForm<<%= inertia_model_form_type %>> }>) => {
-    const { form } = e.detail
-    form.transform((data) => ({ <%= singular_table_name %>: data }))
-    form.post('<%= js_resources_path %>')
-  }
-</script>
-
-<svelte:head>
-  <title>New <%= human_name.downcase %></title>
-</svelte:head>
-
-<h1>New <%= human_name.downcase %></h1>
-
-<Form
-  {<%= singular_table_name %>}
-  submitText="Create <%= human_name %>"
-  on:submit={handleSubmit}
-/>
-
-<br />
-
-<div>
-  <Link href="<%= js_resources_path %>">Back to <%= human_name.pluralize.downcase %></Link>
-</div>
diff --git a/lib/generators/inertia_templates/scaffold/templates/svelte4/One.svelte.tt b/lib/generators/inertia_templates/scaffold/templates/svelte4/One.svelte.tt
deleted file mode 100644
index 01b918a8..00000000
--- a/lib/generators/inertia_templates/scaffold/templates/svelte4/One.svelte.tt
+++ /dev/null
@@ -1,28 +0,0 @@
-<script>
-  export let <%= singular_table_name %>
-</script>
-
-<div>
-<% attributes.reject(&:password_digest?).each do |attribute| -%>
-  <p>
-    <strong><%= attribute.human_name %>:</strong>
-<% if attribute.attachment? -%>
-    {#if <%= singular_table_name %>.<%= attribute.column_name %>}
-      <a href={<%= singular_table_name %>.<%= attribute.column_name %>.url}>
-        {<%= singular_table_name %>.<%= attribute.column_name %>.filename}
-      </a>
-    {/if}
-  </p>
-<% elsif attribute.attachments? -%>
-  </p>
-  {#each <%= singular_table_name %>.<%= attribute.column_name %> as { url, filename }}
-    <div>
-      <a href={url}>{filename}</a>
-    </div>
-  {/each}
-<% else -%>
-    {<%= singular_table_name %>.<%= attribute.column_name %>}
-  </p>
-<% end -%>
-<% end -%>
-</div>
diff --git a/lib/generators/inertia_templates/scaffold/templates/svelte4/One.ts.svelte.tt b/lib/generators/inertia_templates/scaffold/templates/svelte4/One.ts.svelte.tt
deleted file mode 100644
index 1698c0c3..00000000
--- a/lib/generators/inertia_templates/scaffold/templates/svelte4/One.ts.svelte.tt
+++ /dev/null
@@ -1,30 +0,0 @@
-<script lang="ts">
-  import type { <%= inertia_model_type %> } from './types'
-
-  export let <%= singular_table_name %>: <%= inertia_model_type %>
-</script>
-
-<div>
-<% attributes.reject(&:password_digest?).each do |attribute| -%>
-  <p>
-    <strong><%= attribute.human_name %>:</strong>
-<% if attribute.attachment? -%>
-    {#if <%= singular_table_name %>.<%= attribute.column_name %>}
-      <a href={<%= singular_table_name %>.<%= attribute.column_name %>.url}>
-        {<%= singular_table_name %>.<%= attribute.column_name %>.filename}
-      </a>
-    {/if}
-  </p>
-<% elsif attribute.attachments? -%>
-  </p>
-  {#each <%= singular_table_name %>.<%= attribute.column_name %> as { url, filename }}
-    <div>
-      <a href={url}>{filename}</a>
-    </div>
-  {/each}
-<% else -%>
-    {<%= singular_table_name %>.<%= attribute.column_name %>}
-  </p>
-<% end -%>
-<% end -%>
-</div>
diff --git a/lib/generators/inertia_templates/scaffold/templates/svelte4/Show.svelte.tt b/lib/generators/inertia_templates/scaffold/templates/svelte4/Show.svelte.tt
deleted file mode 100644
index fc57c990..00000000
--- a/lib/generators/inertia_templates/scaffold/templates/svelte4/Show.svelte.tt
+++ /dev/null
@@ -1,39 +0,0 @@
-<script>
-  import { inertia, Link } from '@inertiajs/svelte'
-  import <%= inertia_component_name %> from './<%= inertia_component_name %>.svelte'
-
-  export let <%= singular_table_name %>
-  export let flash
-</script>
-
-<svelte:head>
-  <title><%= human_name %> #{<%= singular_table_name %>.id}</title>
-</svelte:head>
-
-{#if flash.notice}
-  <p class="notice">{flash.notice}</p>
-{/if}
-
-<h1><%= human_name %> #{<%= singular_table_name %>.id}</h1>
-
-<<%= inertia_component_name %> {<%= singular_table_name %>} />
-
-<div>
-  <Link href={`<%= js_edit_resource_path %>`}>Edit this <%= human_name.downcase %></Link> |
-  <Link href="<%= js_resources_path %>">Back to <%= human_name.pluralize.downcase %></Link>
-
-  <br />
-
-  <button
-    use:inertia={{ href: `<%= js_resource_path %>`, method: 'delete' }}
-    type="button"
-  >
-    Destroy this <%= human_name.downcase %>
-  </button>
-</div>
-
-<style>
-  .notice {
-    color: green;
-  }
-</style>
diff --git a/lib/generators/inertia_templates/scaffold/templates/svelte4/Show.ts.svelte.tt b/lib/generators/inertia_templates/scaffold/templates/svelte4/Show.ts.svelte.tt
deleted file mode 100644
index 80acd126..00000000
--- a/lib/generators/inertia_templates/scaffold/templates/svelte4/Show.ts.svelte.tt
+++ /dev/null
@@ -1,40 +0,0 @@
-<script lang="ts">
-  import { inertia, Link } from '@inertiajs/svelte'
-  import <%= inertia_component_name %> from './<%= inertia_component_name %>.svelte'
-  import type { <%= inertia_model_type %> } from './types'
-
-  export let <%= singular_table_name %>: <%= inertia_model_type %>
-  export let flash: { notice?: string }
-</script>
-
-<svelte:head>
-  <title><%= human_name %> #{<%= singular_table_name %>.id}</title>
-</svelte:head>
-
-{#if flash.notice}
-  <p class="notice">{flash.notice}</p>
-{/if}
-
-<h1><%= human_name %> #{<%= singular_table_name %>.id}</h1>
-
-<<%= inertia_component_name %> {<%= singular_table_name %>} />
-
-<div>
-  <Link href={`<%= js_edit_resource_path %>`}>Edit this <%= human_name.downcase %></Link> |
-  <Link href="<%= js_resources_path %>">Back to <%= human_name.pluralize.downcase %></Link>
-
-  <br />
-
-  <button
-    use:inertia={{ href: `<%= js_resource_path %>`, method: 'delete' }}
-    type="button"
-  >
-    Destroy this <%= human_name.downcase %>
-  </button>
-</div>
-
-<style>
-  .notice {
-    color: green;
-  }
-</style>
diff --git a/lib/generators/inertia_templates/scaffold/templates/svelte4/types.ts.tt b/lib/generators/inertia_templates/scaffold/templates/svelte4/types.ts.tt
deleted file mode 100644
index c5c5e6c1..00000000
--- a/lib/generators/inertia_templates/scaffold/templates/svelte4/types.ts.tt
+++ /dev/null
@@ -1,19 +0,0 @@
-export interface <%= inertia_model_type %> {
-  id: number
-<% attributes.reject(&:password_digest?).each do |attribute| -%>
-  <%= attribute.column_name %>: <%= ts_type(attribute) %>
-<% end -%>
-}
-
-export type <%= inertia_model_form_type %> = Omit<<%= inertia_model_type %>, <%= omit_input_attributes.map { |a| "'#{a}'" }.join(' | ') %>><% if custom_form_attributes.any? -%> & {
-<% custom_form_attributes.map do |attribute| -%>
-<% if attribute.password_digest? -%>
-  password: string
-  password_confirmation: string
-<% elsif attribute.attachment? -%>
-  <%= attribute.column_name %>?: File
-<% elsif attribute.attachments? -%>
-  <%= attribute.column_name %>?: File[]
-<% end -%>
-<% end -%>
-}<% end %>
diff --git a/lib/generators/inertia_tw_templates/controller/templates/svelte4/view.svelte.tt b/lib/generators/inertia_tw_templates/controller/templates/svelte4/view.svelte.tt
deleted file mode 100644
index 764fff82..00000000
--- a/lib/generators/inertia_tw_templates/controller/templates/svelte4/view.svelte.tt
+++ /dev/null
@@ -1,2 +0,0 @@
-<h1 class="font-bold text-4xl"><%= class_name %>#<%= @action %></h1>
-<p>Find me in <%= @path %></p>
diff --git a/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/Edit.svelte.tt b/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/Edit.svelte.tt
deleted file mode 100644
index 28cf9344..00000000
--- a/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/Edit.svelte.tt
+++ /dev/null
@@ -1,45 +0,0 @@
-<script>
-  import { Link } from '@inertiajs/svelte'
-  import Form from './Form.svelte'
-
-  export let <%= singular_table_name %>
-
-  const handleSubmit = (e) => {
-    const { form } = e.detail
-    form.transform((data) => ({ <%= singular_table_name %>: data }))
-<% if attributes.any?(&:attachments?) -%>
-    form.post(`<%= js_resource_path %>`, {
-      headers: { 'X-HTTP-METHOD-OVERRIDE': 'put' },
-    })
-<% else -%>
-    form.patch(`<%= js_resource_path %>`)
-<% end -%>
-  }
-</script>
-
-<svelte:head>
-  <title>Editing <%= human_name.downcase %></title>
-</svelte:head>
-
-<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 %>}
-    submitText="Update <%= human_name %>"
-    on:submit={handleSubmit}
-  />
-
-  <Link
-    href={`<%= js_resource_path %>`}
-    class="mt-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium"
-  >
-    Show this <%= human_name.downcase %>
-  </Link>
-  <Link
-    href="<%= js_resources_path %>"
-    class="ml-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium"
-  >
-    Back to <%= human_name.pluralize.downcase %>
-  </Link>
-</div>
diff --git a/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/Edit.ts.svelte.tt b/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/Edit.ts.svelte.tt
deleted file mode 100644
index b5596d58..00000000
--- a/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/Edit.ts.svelte.tt
+++ /dev/null
@@ -1,46 +0,0 @@
-<script lang="ts">
-  import { Link, type InertiaForm } from '@inertiajs/svelte'
-  import type { <%= inertia_model_type %>, <%= inertia_model_form_type %> } from './types'
-  import Form from './Form.svelte'
-
-  export let <%= singular_table_name %>: <%= inertia_model_type %>
-
-  const handleSubmit = (e: CustomEvent<{ form: InertiaForm<<%= inertia_model_form_type %>> }>) => {
-    const { form } = e.detail
-    form.transform((data) => ({ <%= singular_table_name %>: data }))
-<% if attributes.any?(&:attachments?) -%>
-    form.post(`<%= js_resource_path %>`, {
-      headers: { 'X-HTTP-METHOD-OVERRIDE': 'put' },
-    })
-<% else -%>
-    form.patch(`<%= js_resource_path %>`)
-<% end -%>
-  }
-</script>
-
-<svelte:head>
-  <title>Editing <%= human_name.downcase %></title>
-</svelte:head>
-
-<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 %>}
-    submitText="Update <%= human_name %>"
-    on:submit={handleSubmit}
-  />
-
-  <Link
-    href={`<%= js_resource_path %>`}
-    class="mt-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium"
-  >
-    Show this <%= human_name.downcase %>
-  </Link>
-  <Link
-    href="<%= js_resources_path %>"
-    class="ml-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium"
-  >
-    Back to <%= human_name.pluralize.downcase %>
-  </Link>
-</div>
diff --git a/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/Form.svelte.tt b/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/Form.svelte.tt
deleted file mode 100644
index 3eed8b68..00000000
--- a/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/Form.svelte.tt
+++ /dev/null
@@ -1,120 +0,0 @@
-<script>
-  import { useForm } from '@inertiajs/svelte'
-  import { createEventDispatcher } from 'svelte'
-
-  const dispatch = createEventDispatcher()
-
-  export let <%= singular_table_name %>
-  export let submitText
-
-  const form = useForm({
-<% attributes.each do |attribute| -%>
-<% if attribute.password_digest? -%>
-    password: '',
-    password_confirmation: '',
-<% else -%>
-    <%= attribute.column_name %>: <%= singular_table_name %>.<%= attribute.column_name %> || <%= default_value(attribute) %>,
-<% end -%>
-<% end -%>
-  })
-</script>
-
-<form
-  class="contents"
-  on:submit|preventDefault={dispatch('submit', { form: $form })}
->
-<% attributes.each do |attribute| -%>
-  <div class="my-5">
-<% if attribute.password_digest? -%>
-    <label for="password">Password</label>
-    <input
-      type="password"
-      name="password"
-      id="password"
-      bind:value={$form.password}
-      class="block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full"
-    />
-    {#if $form.errors.password}
-      <div class="text-red-500 px-3 py-2 font-medium">
-        {$form.errors.password.join(', ')}
-      </div>
-    {/if}
-  </div>
-
-  <div class="my-5">
-    <label for="password_confirmation">Password confirmation</label>
-    <input
-      type="password"
-      name="password_confirmation"
-      id="password_confirmation"
-      bind:value={$form.password_confirmation}
-      class="block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full"
-    />
-    {#if $form.errors.password_confirmation}
-      <div class="text-red-500 px-3 py-2 font-medium">
-        {$form.errors.password_confirmation.join(', ')}
-      </div>
-    {/if}
-<% else -%>
-    <label for="<%= attribute.singular_name %>"><%= attribute.human_name %></label>
-<% if input_type(attribute) == "text_area" -%>
-    <textarea
-      name="<%= attribute.singular_name %>"
-      id="<%= attribute.singular_name %>"
-      bind:value={$form.<%= attribute.column_name %>}
-      rows="4"
-      class="block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full"
-    />
-<% elsif attribute.attachment? -%>
-    <input
-      type="file"
-      name="<%= attribute.singular_name %>"
-      id="<%= attribute.singular_name %>"
-      on:input={(e) => ($form.<%= attribute.column_name %> = e.target.files[0])}
-      class="block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full"
-    />
-<% elsif attribute.attachments? -%>
-    <input
-      type="file"
-      multiple
-      name="<%= attribute.singular_name %>[]"
-      id="<%= attribute.singular_name %>"
-      on:input={(e) => ($form.<%= attribute.column_name %> = Array.from(e.target.files))}
-      class="block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full"
-    />
-<% elsif input_type(attribute) == "checkbox" -%>
-    <input
-      type="<%= input_type(attribute) %>"
-      name="<%= attribute.singular_name %>"
-      id="<%= attribute.singular_name %>"
-      bind:checked={$form.<%= attribute.column_name %>}
-      class="block mt-2 h-5 w-5"
-    />
-<% else -%>
-    <input
-      type="<%= input_type(attribute) %>"
-      name="<%= attribute.singular_name %>"
-      id="<%= attribute.singular_name %>"
-      bind:value={$form.<%= attribute.column_name %>}
-      class="block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full"
-    />
-<% end -%>
-    {#if $form.errors.<%= attribute.column_name %>}
-      <div class="text-red-500 px-3 py-2 font-medium">
-        {$form.errors.<%= attribute.column_name %>.join(', ')}
-      </div>
-    {/if}
-<% end -%>
-  </div>
-
-<% end -%>
- <div class="inline">
-    <button
-      type="submit"
-      disabled={$form.processing}
-      class="rounded-lg py-3 px-5 bg-blue-600 text-white inline-block font-medium cursor-pointer"
-    >
-      {submitText}
-    </button>
-  </div>
-</form>
diff --git a/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/Form.ts.svelte.tt b/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/Form.ts.svelte.tt
deleted file mode 100644
index e4d11a56..00000000
--- a/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/Form.ts.svelte.tt
+++ /dev/null
@@ -1,130 +0,0 @@
-<script lang="ts">
-  import { useForm, type InertiaForm } from '@inertiajs/svelte'
-  import { createEventDispatcher } from 'svelte'
-  import type { <%= inertia_model_type %>, <%= inertia_model_form_type %> } from './types'
-
-  const dispatch = createEventDispatcher<{
-    submit: { form: InertiaForm<<%= inertia_model_form_type %>> }
-  }>()
-
-  export let <%= singular_table_name %>: <%= inertia_model_type %>
-  export let submitText: string
-
-<% if attributes.any? { |a| a.attachment? || a.attachments? } -%>
-  const filesFromEvent = (e: Event) => {
-    const target = e.target as HTMLInputElement
-    return Array.from(target.files || [])
-  }
-
-<% end -%>
-  const form = useForm<<%= inertia_model_form_type %>>({
-<% attributes.reject { |a| a.attachment? || a.attachments? }.each do |attribute| -%>
-<% if attribute.password_digest? -%>
-    password: '',
-    password_confirmation: '',
-<% else -%>
-    <%= attribute.column_name %>: <%= singular_table_name %>.<%= attribute.column_name %>,
-<% end -%>
-<% end -%>
-  })
-</script>
-
-<form
-  class="contents"
-  on:submit|preventDefault={() => dispatch('submit', { form: $form })}
->
-<% attributes.each do |attribute| -%>
-  <div class="my-5">
-<% if attribute.password_digest? -%>
-    <label for="password">Password</label>
-    <input
-      type="password"
-      name="password"
-      id="password"
-      bind:value={$form.password}
-      class="block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full"
-    />
-    {#if $form.errors.password}
-      <div class="text-red-500 px-3 py-2 font-medium">
-        {$form.errors.password}
-      </div>
-    {/if}
-  </div>
-
-  <div class="my-5">
-    <label for="password_confirmation">Password confirmation</label>
-    <input
-      type="password"
-      name="password_confirmation"
-      id="password_confirmation"
-      bind:value={$form.password_confirmation}
-      class="block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full"
-    />
-    {#if $form.errors.password_confirmation}
-      <div class="text-red-500 px-3 py-2 font-medium">
-        {$form.errors.password_confirmation}
-      </div>
-    {/if}
-<% else -%>
-    <label for="<%= attribute.singular_name %>"><%= attribute.human_name %></label>
-<% if input_type(attribute) == "text_area" -%>
-    <textarea
-      name="<%= attribute.singular_name %>"
-      id="<%= attribute.singular_name %>"
-      bind:value={$form.<%= attribute.column_name %>}
-      rows="4"
-      class="block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full"
-    />
-<% elsif attribute.attachment? -%>
-    <input
-      type="file"
-      name="<%= attribute.singular_name %>"
-      id="<%= attribute.singular_name %>"
-      on:input={(e) => ($form.<%= attribute.column_name %> = filesFromEvent(e)[0])}
-      class="block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full"
-    />
-<% elsif attribute.attachments? -%>
-    <input
-      type="file"
-      multiple
-      name="<%= attribute.singular_name %>[]"
-      id="<%= attribute.singular_name %>"
-      on:input={(e) => ($form.<%= attribute.column_name %> = filesFromEvent(e))}
-      class="block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full"
-    />
-<% elsif input_type(attribute) == "checkbox" -%>
-    <input
-      type="<%= input_type(attribute) %>"
-      name="<%= attribute.singular_name %>"
-      id="<%= attribute.singular_name %>"
-      bind:checked={$form.<%= attribute.column_name %>}
-      class="block mt-2 h-5 w-5"
-    />
-<% else -%>
-    <input
-      type="<%= input_type(attribute) %>"
-      name="<%= attribute.singular_name %>"
-      id="<%= attribute.singular_name %>"
-      bind:value={$form.<%= attribute.column_name %>}
-      class="block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full"
-    />
-<% end -%>
-    {#if $form.errors.<%= attribute.column_name %>}
-      <div class="text-red-500 px-3 py-2 font-medium">
-        {$form.errors.<%= attribute.column_name %>}
-      </div>
-    {/if}
-<% end -%>
-  </div>
-
-<% end -%>
- <div class="inline">
-    <button
-      type="submit"
-      disabled={$form.processing}
-      class="rounded-lg py-3 px-5 bg-blue-600 text-white inline-block font-medium cursor-pointer"
-    >
-      {submitText}
-    </button>
-  </div>
-</form>
diff --git a/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/Index.svelte.tt b/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/Index.svelte.tt
deleted file mode 100644
index 97001962..00000000
--- a/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/Index.svelte.tt
+++ /dev/null
@@ -1,43 +0,0 @@
-<script>
-  import { Link } from '@inertiajs/svelte'
-  import <%= inertia_component_name %> from './<%= inertia_component_name %>.svelte'
-
-  export let <%= plural_table_name %>
-  export let flash
-</script>
-
-<svelte:head>
-  <title><%= human_name.pluralize %></title>
-</svelte:head>
-
-<div class="mx-auto md:w-2/3 w-full px-8 pt-8">
-  {#if flash.notice}
-    <p class="py-2 px-3 bg-green-50 mb-5 text-green-500 font-medium rounded-lg inline-block">
-      {flash.notice}
-    </p>
-  {/if}
-
-  <div class="flex justify-between items-center">
-    <h1 class="font-bold text-4xl"><%= human_name.pluralize %></h1>
-    <Link
-      href="<%= js_new_resource_path %>"
-      class="rounded-lg py-3 px-5 bg-blue-600 text-white block font-medium"
-    >
-      New <%= human_name.downcase %>
-    </Link>
-  </div>
-
-  <div class="min-w-full">
-    {#each <%= plural_table_name %> as <%= singular_table_name %> (<%= singular_table_name %>.id)}
-      <<%= inertia_component_name %> {<%= singular_table_name %>} />
-      <p>
-        <Link
-          href={`<%= js_resource_path %>`}
-          class="ml-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium"
-        >
-          Show this <%= human_name.downcase %>
-        </Link>
-      </p>
-    {/each}
-  </div>
-</div>
diff --git a/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/Index.ts.svelte.tt b/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/Index.ts.svelte.tt
deleted file mode 100644
index a9a55c20..00000000
--- a/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/Index.ts.svelte.tt
+++ /dev/null
@@ -1,44 +0,0 @@
-<script lang="ts">
-  import { Link } from '@inertiajs/svelte'
-  import <%= inertia_component_name %> from './<%= inertia_component_name %>.svelte'
-  import type { <%= inertia_model_type %> } from './types'
-
-  export let <%= plural_table_name %>: <%= inertia_model_type %>[]
-  export let flash: { notice?: string }
-</script>
-
-<svelte:head>
-  <title><%= human_name.pluralize %></title>
-</svelte:head>
-
-<div class="mx-auto md:w-2/3 w-full px-8 pt-8">
-  {#if flash.notice}
-    <p class="py-2 px-3 bg-green-50 mb-5 text-green-500 font-medium rounded-lg inline-block">
-      {flash.notice}
-    </p>
-  {/if}
-
-  <div class="flex justify-between items-center">
-    <h1 class="font-bold text-4xl"><%= human_name.pluralize %></h1>
-    <Link
-      href="<%= js_new_resource_path %>"
-      class="rounded-lg py-3 px-5 bg-blue-600 text-white block font-medium"
-    >
-      New <%= human_name.downcase %>
-    </Link>
-  </div>
-
-  <div class="min-w-full">
-    {#each <%= plural_table_name %> as <%= singular_table_name %> (<%= singular_table_name %>.id)}
-      <<%= inertia_component_name %> {<%= singular_table_name %>} />
-      <p>
-        <Link
-          href={`<%= js_resource_path %>`}
-          class="ml-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium"
-        >
-          Show this <%= human_name.downcase %>
-        </Link>
-      </p>
-    {/each}
-  </div>
-</div>
diff --git a/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/New.svelte.tt b/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/New.svelte.tt
deleted file mode 100644
index 2e6ba372..00000000
--- a/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/New.svelte.tt
+++ /dev/null
@@ -1,33 +0,0 @@
-<script>
-  import { Link } from '@inertiajs/svelte'
-  import Form from './Form.svelte'
-
-  export let <%= singular_table_name %>
-
-  const handleSubmit = (e) => {
-    const { form } = e.detail
-    form.transform((data) => ({ <%= singular_table_name %>: data }))
-    form.post('<%= js_resources_path %>')
-  }
-</script>
-
-<svelte:head>
-  <title>New <%= human_name.downcase %></title>
-</svelte:head>
-
-<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
-    {<%= singular_table_name %>}
-    submitText="Create <%= human_name %>"
-    on:submit={handleSubmit}
-  />
-
-  <Link
-    href="<%= js_resources_path %>"
-    class="ml-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium"
-  >
-    Back to <%= human_name.pluralize.downcase %>
-  </Link>
-</div>
diff --git a/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/New.ts.svelte.tt b/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/New.ts.svelte.tt
deleted file mode 100644
index 0d497da8..00000000
--- a/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/New.ts.svelte.tt
+++ /dev/null
@@ -1,34 +0,0 @@
-<script lang="ts">
-  import { Link, type InertiaForm } from '@inertiajs/svelte'
-  import Form from './Form.svelte'
-  import type { <%= inertia_model_type %>, <%= inertia_model_form_type %> } from './types'
-
-  export let <%= singular_table_name %>: <%= inertia_model_type %>
-
-  const handleSubmit = (e: CustomEvent<{ form: InertiaForm<<%= inertia_model_form_type %>> }>) => {
-    const { form } = e.detail
-    form.transform((data) => ({ <%= singular_table_name %>: data }))
-    form.post('<%= js_resources_path %>')
-  }
-</script>
-
-<svelte:head>
-  <title>New <%= human_name.downcase %></title>
-</svelte:head>
-
-<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
-    {<%= singular_table_name %>}
-    submitText="Create <%= human_name %>"
-    on:submit={handleSubmit}
-  />
-
-  <Link
-    href="<%= js_resources_path %>"
-    class="ml-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium"
-  >
-    Back to <%= human_name.pluralize.downcase %>
-  </Link>
-</div>
diff --git a/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/One.svelte.tt b/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/One.svelte.tt
deleted file mode 100644
index 42c56dbb..00000000
--- a/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/One.svelte.tt
+++ /dev/null
@@ -1,28 +0,0 @@
-<script>
-  export let <%= singular_table_name %>
-</script>
-
-<div>
-<% attributes.reject(&:password_digest?).each do |attribute| -%>
-  <p class="my-5">
-    <strong class="block font-medium mb-1"><%= attribute.human_name %>:</strong>
-<% if attribute.attachment? -%>
-    {#if <%= singular_table_name %>.<%= attribute.column_name %>}
-      <a href={<%= singular_table_name %>.<%= attribute.column_name %>.url}>
-        {<%= singular_table_name %>.<%= attribute.column_name %>.filename}
-      </a>
-    {/if}
-  </p>
-<% elsif attribute.attachments? -%>
-  </p>
-  {#each <%= singular_table_name %>.<%= attribute.column_name %> as { url, filename }}
-    <div>
-      <a href={url}>{filename}</a>
-    </div>
-  {/each}
-<% else -%>
-    {<%= singular_table_name %>.<%= attribute.column_name %>}
-  </p>
-<% end -%>
-<% end -%>
-</div>
diff --git a/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/One.ts.svelte.tt b/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/One.ts.svelte.tt
deleted file mode 100644
index 4bd7485e..00000000
--- a/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/One.ts.svelte.tt
+++ /dev/null
@@ -1,30 +0,0 @@
-<script lang="ts">
-  import type { <%= inertia_model_type %> } from './types'
-
-  export let <%= singular_table_name %>: <%= inertia_model_type %>
-</script>
-
-<div>
-<% attributes.reject(&:password_digest?).each do |attribute| -%>
-  <p class="my-5">
-    <strong class="block font-medium mb-1"><%= attribute.human_name %>:</strong>
-<% if attribute.attachment? -%>
-    {#if <%= singular_table_name %>.<%= attribute.column_name %>}
-      <a href={<%= singular_table_name %>.<%= attribute.column_name %>.url}>
-        {<%= singular_table_name %>.<%= attribute.column_name %>.filename}
-      </a>
-    {/if}
-  </p>
-<% elsif attribute.attachments? -%>
-  </p>
-  {#each <%= singular_table_name %>.<%= attribute.column_name %> as { url, filename }}
-    <div>
-      <a href={url}>{filename}</a>
-    </div>
-  {/each}
-<% else -%>
-    {<%= singular_table_name %>.<%= attribute.column_name %>}
-  </p>
-<% end -%>
-<% end -%>
-</div>
diff --git a/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/Show.svelte.tt b/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/Show.svelte.tt
deleted file mode 100644
index 111ebe90..00000000
--- a/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/Show.svelte.tt
+++ /dev/null
@@ -1,51 +0,0 @@
-<script>
-  import { inertia, Link } from '@inertiajs/svelte'
-  import <%= inertia_component_name %> from './<%= inertia_component_name %>.svelte'
-
-  export let <%= singular_table_name %>
-  export let flash
-</script>
-
-<svelte:head>
-  <title><%= human_name %> #{<%= singular_table_name %>.id}</title>
-</svelte:head>
-
-<div class="mx-auto md:w-2/3 w-full px-8 pt-8">
-  <div class="mx-auto">
-    {#if flash.notice}
-      <p class="py-2 px-3 bg-green-50 mb-5 text-green-500 font-medium rounded-lg inline-block">
-        {flash.notice}
-      </p>
-    {/if}
-
-    <h1 class="font-bold text-4xl"><%= human_name %> #{<%= singular_table_name %>.id}</h1>
-
-    <<%= inertia_component_name %> {<%= singular_table_name %>} />
-
-    <Link
-      href={`<%= js_edit_resource_path %>`}
-      class="ml-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium"
-    >
-      Edit this <%= human_name.downcase %>
-    </Link>
-    <Link
-      href="<%= js_resources_path %>"
-      class="ml-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium"
-    >
-      Back to <%= human_name.pluralize.downcase %>
-    </Link>
-    <div class="inline-block ml-2">
-      <button
-        use:inertia={{ href: `<%= js_resource_path %>`, method: 'delete' }}
-        type="button"
-        class="mt-2 rounded-lg py-3 px-5 bg-gray-100 font-medium"
-      >
-        Destroy this <%= human_name.downcase %>
-      </button>
-    </div>
-  </div>
-</div>
-
-
-
-
diff --git a/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/Show.ts.svelte.tt b/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/Show.ts.svelte.tt
deleted file mode 100644
index 751ea656..00000000
--- a/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/Show.ts.svelte.tt
+++ /dev/null
@@ -1,52 +0,0 @@
-<script lang="ts">
-  import { inertia, Link } from '@inertiajs/svelte'
-  import <%= inertia_component_name %> from './<%= inertia_component_name %>.svelte'
-  import type { <%= inertia_model_type %> } from './types'
-
-  export let <%= singular_table_name %>: <%= inertia_model_type %>
-  export let flash: { notice?: string }
-</script>
-
-<svelte:head>
-  <title><%= human_name %> #{<%= singular_table_name %>.id}</title>
-</svelte:head>
-
-<div class="mx-auto md:w-2/3 w-full px-8 pt-8">
-  <div class="mx-auto">
-    {#if flash.notice}
-      <p class="py-2 px-3 bg-green-50 mb-5 text-green-500 font-medium rounded-lg inline-block">
-        {flash.notice}
-      </p>
-    {/if}
-
-    <h1 class="font-bold text-4xl"><%= human_name %> #{<%= singular_table_name %>.id}</h1>
-
-    <<%= inertia_component_name %> {<%= singular_table_name %>} />
-
-    <Link
-      href={`<%= js_edit_resource_path %>`}
-      class="ml-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium"
-    >
-      Edit this <%= human_name.downcase %>
-    </Link>
-    <Link
-      href="<%= js_resources_path %>"
-      class="ml-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium"
-    >
-      Back to <%= human_name.pluralize.downcase %>
-    </Link>
-    <div class="inline-block ml-2">
-      <button
-        use:inertia={{ href: `<%= js_resource_path %>`, method: 'delete' }}
-        type="button"
-        class="mt-2 rounded-lg py-3 px-5 bg-gray-100 font-medium"
-      >
-        Destroy this <%= human_name.downcase %>
-      </button>
-    </div>
-  </div>
-</div>
-
-
-
-
diff --git a/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/types.ts.tt b/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/types.ts.tt
deleted file mode 100644
index c5c5e6c1..00000000
--- a/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/types.ts.tt
+++ /dev/null
@@ -1,19 +0,0 @@
-export interface <%= inertia_model_type %> {
-  id: number
-<% attributes.reject(&:password_digest?).each do |attribute| -%>
-  <%= attribute.column_name %>: <%= ts_type(attribute) %>
-<% end -%>
-}
-
-export type <%= inertia_model_form_type %> = Omit<<%= inertia_model_type %>, <%= omit_input_attributes.map { |a| "'#{a}'" }.join(' | ') %>><% if custom_form_attributes.any? -%> & {
-<% custom_form_attributes.map do |attribute| -%>
-<% if attribute.password_digest? -%>
-  password: string
-  password_confirmation: string
-<% elsif attribute.attachment? -%>
-  <%= attribute.column_name %>?: File
-<% elsif attribute.attachments? -%>
-  <%= attribute.column_name %>?: File[]
-<% end -%>
-<% end -%>
-}<% end %>
diff --git a/lib/inertia_rails/generators/controller_template_base.rb b/lib/inertia_rails/generators/controller_template_base.rb
index 1a5c2fd9..73a1b86b 100644
--- a/lib/inertia_rails/generators/controller_template_base.rb
+++ b/lib/inertia_rails/generators/controller_template_base.rb
@@ -50,7 +50,7 @@ def extension
         case options.frontend_framework
         when 'react' then typescript? ? 'tsx' : 'jsx'
         when 'vue' then 'vue'
-        when 'svelte', 'svelte4' then 'svelte'
+        when 'svelte' then 'svelte'
         else
           raise ArgumentError, "Unknown frontend framework: #{options.frontend_framework}"
         end
diff --git a/lib/inertia_rails/generators/helper.rb b/lib/inertia_rails/generators/helper.rb
index 51434c31..d484b3f6 100644
--- a/lib/inertia_rails/generators/helper.rb
+++ b/lib/inertia_rails/generators/helper.rb
@@ -13,8 +13,7 @@ def guess_the_default_framework(package_json_path = DEFAULT_PACKAGE_PATH)
           if dependencies['@inertiajs/react']
             'react'
           elsif dependencies['@inertiajs/svelte']
-            version = dependencies['svelte'].gsub(/[\^~]/, '') # Remove ^ or ~ from version
-            version.start_with?('5') ? 'svelte' : 'svelte4'
+            'svelte'
           elsif dependencies['@inertiajs/vue3']
             'vue'
           else
diff --git a/spec/generators/generators_helper_spec.rb b/spec/generators/generators_helper_spec.rb
index da3e6a13..4ec6a25b 100644
--- a/spec/generators/generators_helper_spec.rb
+++ b/spec/generators/generators_helper_spec.rb
@@ -19,9 +19,6 @@
 
     it_behaves_like 'framework detection', 'react_package.json', 'react'
     it_behaves_like 'framework detection', 'svelte5_caret_package.json', 'svelte'
-    it_behaves_like 'framework detection', 'svelte5_exact_package.json', 'svelte'
-    it_behaves_like 'framework detection', 'svelte5_tilde_package.json', 'svelte'
-    it_behaves_like 'framework detection', 'svelte4_package.json', 'svelte4'
     it_behaves_like 'framework detection', 'vue_package.json', 'vue'
 
     # Handle exception
diff --git a/spec/generators/install/install_generator_spec.rb b/spec/generators/install/install_generator_spec.rb
index 9c43cbab..f58a27a7 100644
--- a/spec/generators/install/install_generator_spec.rb
+++ b/spec/generators/install/install_generator_spec.rb
@@ -91,26 +91,6 @@
     end
   end
 
-  context 'with --framework=svelte4' do
-    let(:framework) { :svelte4 }
-    include_context 'assert framework structure'
-
-    context 'with --typescript' do
-      let(:inertia_version) { '1.3.0-beta.1' }
-      let(:args) { super() + %W[--typescript --inertia-version=#{inertia_version}] }
-      let(:ext) { 'ts' }
-
-      include_context 'assert framework structure'
-
-      context 'with old Inertia version' do
-        let(:inertia_version) { '1.2.0' }
-        let(:ext) { 'js' }
-
-        include_context 'assert framework structure'
-      end
-    end
-  end
-
   context 'with --framework=vue' do
     let(:framework) { :vue }
 
@@ -133,7 +113,7 @@ def expect_tailwind_config
     expect(destination_root).to(have_structure do
       directory('app/frontend') do
         file('entrypoints/application.css') do
-          contains('@import "tailwindcss";')
+          contains("@import 'tailwindcss';")
         end
       end
       file('package.json') do
@@ -177,7 +157,7 @@ def expect_packages_for(framework, ext: 'js')
             contains('"typescript":')
             contains('"vue-tsc":')
           end
-        when :svelte, :svelte4
+        when :svelte
           contains('"@inertiajs/svelte":')
           contains('"svelte":')
           contains('"@sveltejs/vite-plugin-svelte":')
@@ -199,17 +179,17 @@ def expect_inertia_prepared_for(framework, ext: 'js')
         file('vite.config.ts') do
           contains('react()')
         end
-        file("app/frontend/entrypoints/inertia.#{ext}") do
-          contains("import { createInertiaApp } from '@inertiajs/react'")
+        file("app/frontend/entrypoints/inertia.#{ext}x") do
+          contains("from '@inertiajs/react'")
         end
       when :vue
         file('vite.config.ts') do
           contains('vue()')
         end
         file("app/frontend/entrypoints/inertia.#{ext}") do
-          contains("import { createInertiaApp } from '@inertiajs/vue3'")
+          contains("from '@inertiajs/vue3'")
         end
-      when :svelte, :svelte4
+      when :svelte
         file('svelte.config.js') do
           contains('preprocess: vitePreprocess()')
         end
@@ -220,20 +200,16 @@ def expect_inertia_prepared_for(framework, ext: 'js')
           if ext == 'ts'
             contains("import { createInertiaApp, type ResolvedComponent } from '@inertiajs/svelte'")
           else
-            contains("import { createInertiaApp } from '@inertiajs/svelte'")
-          end
-          if framework == :svelte4
-            contains('new App({ target: el, props })')
-          else
-            contains('mount(App, { target: el, props })')
+            contains("from '@inertiajs/svelte'")
           end
+          contains('mount(App, { target: el, props })')
         end
       end
       file('app/views/layouts/application.html.erb') do
         if ext == 'ts'
-          contains('<%= vite_typescript_tag "inertia" %>')
+          contains("<%= vite_typescript_tag \"inertia#{'.tsx' if framework == :react}\" %>")
         else
-          contains('<%= vite_javascript_tag "inertia" %>')
+          contains("<%= vite_javascript_tag \"inertia#{'.jsx' if framework == :react}\" %>")
         end
         if framework == :react
           contains('<%= vite_react_refresh_tag %>')
@@ -250,9 +226,15 @@ def expect_inertia_prepared_for(framework, ext: 'js')
       end
 
       if ext == 'ts'
-        file('app/frontend/vite-env.d.ts') do
+        file('app/frontend/types/vite-env.d.ts') do
           contains('/// <reference types="vite/client" />')
         end
+        file('app/frontend/types/globals.d.ts') do
+          contains('export interface InertiaConfig')
+        end
+        file('app/frontend/types/index.ts') do
+          contains('export type SharedProps')
+        end
         file('tsconfig.node.json') do
           contains('"include": ["vite.config.ts"]')
         end
@@ -271,7 +253,7 @@ def expect_inertia_prepared_for(framework, ext: 'js')
           file('tsconfig.app.json') do
             contains('"include": ["app/frontend/**/*.ts", "app/frontend/**/*.tsx", "app/frontend/**/*.vue"]')
           end
-        when :svelte, :svelte4
+        when :svelte
           file('tsconfig.json') do
             contains('"include": ["app/frontend/**/*.ts", "app/frontend/**/*.js", "app/frontend/**/*.svelte"]')
           end
@@ -285,23 +267,14 @@ def expect_example_page_for(framework, ext: 'js')
       directory('app/frontend') do
         case framework
         when :react
-          file("pages/InertiaExample.#{ext == 'js' ? 'jsx' : 'tsx'}")
-          file('pages/InertiaExample.module.css')
+          file("pages/inertia_example/index.#{ext == 'js' ? 'jsx' : 'tsx'}")
+          file('pages/inertia_example/index.module.css')
           file('assets/react.svg')
         when :vue
-          file('pages/InertiaExample.vue')
+          file('pages/inertia_example/index.vue')
           file('assets/vue.svg')
-        when :svelte4
-          file('pages/InertiaExample.svelte') do
-            if ext == 'ts'
-              contains('export let name: string')
-            else
-              contains('export let name')
-            end
-          end
-          file('assets/svelte.svg')
         when :svelte
-          file('pages/InertiaExample.svelte') do
+          file('pages/inertia_example/index.svelte') do
             if ext == 'ts'
               contains('let { name }: { name: string } = $props()')
             else