inertia_rails 3.14.0 → 3.16.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8e02de8da9dda43a24dae17c59496938d35eef2caa4bade2543d4336201baa0e
-  data.tar.gz: ae6952effd0e1144dc78f2c7f2a3ae9ccc0f1b6011000ef9a7ecfe9f8d9166aa
+  metadata.gz: dde0b293a9be9f560b828392e23a40cfb5ecb72f6c912e48660660640c211c9a
+  data.tar.gz: f72cce31fc538e2985f0be5c938c603ecfaeb03d0b6bafc682d32049c05f514f
 SHA512:
-  metadata.gz: 5426c306db138b90256fc924f20f6ce5b68583c431f10f49f1acd5eb64c013b9ed1f4d75472dfab8a971df43a9ad4a03a2854f2a1dff5fbbb4d09748b9b92a0d
-  data.tar.gz: f12bd8e51187679c56a6db6e545687d7ac5c795d20e9d74d5865897b61e9d0308480f4dc06a62fca9d32aa1129041977bdf4be2f69061aaccb3b571972d7d6cc
+  metadata.gz: b4b064f174ceb0122be41945f045234d7caba21327bc750b9dd9bae49f5c14b17839a707e463b34f9ccaf0646f93f55b71d76fd22b1d31a11a6e12c324ed9afe
+  data.tar.gz: b38aa3f36e089e46a1f4d827ef32f9e1e12234e5490490cdc179cf90200bb2c6a7b7cbc66492d83df2a7d990b955ccf5e641f8718808a0391c1342ffa5256e1d

data/CHANGELOG.md

@@ -4,6 +4,19 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [3.16.0] - 2025-12-30
+
+* Fix optional once props (@skryukov)
+* Support for new Flash API in Inertia.js page object (@skryukov)
+* Generator improvements (@skryukov)
+* Fix debug exceptions patch for Rails 8.2 (@crobbo)
+
+## [3.15.0] - 2025-12-11
+
+* Support for rendering initial page data in a script tag (@skryukov)
+* Once props support (@skryukov)
+* Fix file references in TypeScript templates (@bigmasonwang)
+
 ## [3.14.0] - 2025-11-27
 
 Lots of quality of life improvements!

data/app/views/inertia.html.erb

@@ -1 +1 @@
-<div id="app" data-page="<%= page.to_json %>"></div>
+<%= inertia_root(page: page) %>

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

@@ -31,6 +31,15 @@ module Inertia
         File.join(destination_root, *relative_path)
       end
 
+      def update_package_json
+        package_json_path = file_path('package.json')
+        package_json = JSON.parse(File.read(package_json_path))
+
+        yield package_json
+
+        File.write(package_json_path, "#{JSON.pretty_generate(package_json)}\n")
+      end
+
       # Interactivity Helpers
       def ask(*)
         unless options[:interactive]

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

@@ -49,11 +49,6 @@ module Inertia
       def install
         say "Installing Inertia's Rails adapter"
 
-        if inertia_resolved_version.version == '0'
-          say_error "Could not find the Inertia.js package version #{options[:inertia_version]}.", :red
-          exit(false)
-        end
-
         install_vite unless ruby_vite_installed?
 
         install_typescript if typescript?
@@ -137,14 +132,6 @@ module Inertia
 
       def install_typescript
         say 'Adding TypeScript support'
-        if svelte? && inertia_resolved_version.release < Gem::Version.new('1.3.0')
-          say 'WARNING: @inertiajs/svelte < 1.3.0 does not support TypeScript ' \
-              "(resolved version: #{inertia_resolved_version}).",
-              :yellow
-          say 'Skipping TypeScript support for @inertiajs/svelte', :yellow
-          @typescript = false
-          return
-        end
 
         add_dependencies(*FRAMEWORKS[framework]['packages_ts'])
 
@@ -165,12 +152,16 @@ module Inertia
         end
 
         say 'Adding TypeScript check scripts to package.json'
-        if svelte?
-          run 'npm pkg set scripts.check="svelte-check --tsconfig ./tsconfig.json && tsc -p tsconfig.node.json"'
-        elsif react?
-          run 'npm pkg set scripts.check="tsc -p tsconfig.app.json && tsc -p tsconfig.node.json"'
-        elsif vue?
-          run 'npm pkg set scripts.check="vue-tsc -p tsconfig.app.json && tsc -p tsconfig.node.json"'
+        update_package_json do |package_json|
+          package_json['scripts'] ||= {}
+          package_json['scripts']['check'] =
+            if svelte?
+              'svelte-check --tsconfig ./tsconfig.json && tsc -p tsconfig.node.json'
+            elsif react?
+              'tsc -p tsconfig.app.json && tsc -p tsconfig.node.json'
+            elsif vue?
+              'vue-tsc -p tsconfig.app.json && tsc -p tsconfig.node.json'
+            end
         end
       end
 
@@ -225,6 +216,7 @@ module Inertia
             end
             if (capture = run('bundle exec vite install', capture: !verbose?))
               rename_application_js_to_ts if typescript?
+              run('bundle binstub vite_ruby', capture: !verbose?) if File.exist?(file_path('bin/vite'))
               say 'Vite Rails successfully installed', :green
             else
               say capture
@@ -325,13 +317,6 @@ module Inertia
         "#{tag} #{filename}"
       end
 
-      def inertia_resolved_version
-        package = "@inertiajs/core@#{options[:inertia_version]}"
-        @inertia_resolved_version ||= Gem::Version.new(
-          `npm show #{package} version --json | tail -n2 | head -n1 | tr -d '", '`.strip
-        )
-      end
-
       def verbose?
         options[:verbose]
       end

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

@@ -1,5 +1,7 @@
 # frozen_string_literal: true
 
 class InertiaController < ApplicationController
-  inertia_share flash: -> { flash.to_hash }
+  # Share data with all Inertia responses
+  # see https://inertia-rails.dev/guide/shared-data
+  #   inertia_share user: -> { Current.user&.as_json(only: [:id, :name, :email]) }
 end

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

@@ -4,4 +4,5 @@ InertiaRails.configure do |config|
   config.version = ViteRuby.digest
   config.encrypt_history = true
   config.always_include_errors_hash = true
+  config.use_script_element_for_initial_page = true
 end

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

@@ -34,7 +34,7 @@ export default function InertiaExample(
       <div className={cs.footer}>
         <div className={cs.card}>
           <p>
-            Edit <code><%= js_destination_path %>/pages/inertia_example/index.jsx</code> and save to test <abbr title="Hot Module Replacement">HMR</abbr>.
+            Edit <code><%= js_destination_path %>/pages/inertia_example/index.tsx</code> and save to test <abbr title="Hot Module Replacement">HMR</abbr>.
           </p>
         </div>
 

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

@@ -44,6 +44,7 @@ createInertiaApp({
       forceIndicesArrayFormatInFormData: false,
     },
     future: {
+      useScriptElementForInitialPage: true,
       useDataInertiaHeadAttribute: true,
       useDialogForErrorModal: true,
       preserveEqualProps: true,

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

@@ -44,6 +44,7 @@ void createInertiaApp({
       forceIndicesArrayFormatInFormData: false,
     },
     future: {
+      useScriptElementForInitialPage: true,
       useDataInertiaHeadAttribute: true,
       useDialogForErrorModal: true,
       preserveEqualProps: true,

data/lib/generators/inertia/install/templates/react/types/globals.d.ts

@@ -1,8 +1,9 @@
-import type { SharedProps } from '@/types'
+import type { FlashData, SharedProps } from '@/types'
 
 declare module '@inertiajs/core' {
   export interface InertiaConfig {
     sharedPageProps: SharedProps
+    flashDataType: FlashData
     errorValueType: string[]
   }
 }

data/lib/generators/inertia/install/templates/react/types/index.ts

@@ -1,8 +1,6 @@
-export type Flash = {
+export type FlashData = {
   notice?: string
   alert?: string
 }
 
-export type SharedProps = {
-  flash: Flash
-}
+export type SharedProps = {}

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

@@ -42,6 +42,7 @@ createInertiaApp({
       forceIndicesArrayFormatInFormData: false,
     },
     future: {
+      useScriptElementForInitialPage: true,
       useDataInertiaHeadAttribute: true,
       useDialogForErrorModal: true,
       preserveEqualProps: true,

data/lib/generators/inertia/install/templates/svelte/types/globals.d.ts

@@ -1,8 +1,9 @@
-import type { SharedProps } from '@/types'
+import type { FlashData, SharedProps } from '@/types'
 
 declare module '@inertiajs/core' {
   export interface InertiaConfig {
     sharedPageProps: SharedProps
+    flashDataType: FlashData
     errorValueType: string[]
   }
 }

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

@@ -1,8 +1,6 @@
-export type Flash = {
+export type FlashData = {
   notice?: string
   alert?: string
 }
 
-export type SharedProps = {
-  flash: Flash
-}
+export type SharedProps = {}

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

@@ -17,7 +17,7 @@
     <div class="footer">
       <div class="card">
         <p>
-          Edit <code><%= js_destination_path %>/pages/inertia_example/index.ts.vue</code> and save to test <abbr title="Hot Module Replacement">HMR</abbr>.
+          Edit <code><%= js_destination_path %>/pages/inertia_example/index.vue</code> and save to test <abbr title="Hot Module Replacement">HMR</abbr>.
         </p>
       </div>
 

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

@@ -41,6 +41,7 @@ createInertiaApp({
       forceIndicesArrayFormatInFormData: false,
     },
     future: {
+      useScriptElementForInitialPage: true,
       useDataInertiaHeadAttribute: true,
       useDialogForErrorModal: true,
       preserveEqualProps: true,

data/lib/generators/inertia/install/templates/vue/types/globals.d.ts

@@ -1,8 +1,9 @@
-import type { SharedProps } from '@/types'
+import type { FlashData, SharedProps } from '@/types'
 
 declare module '@inertiajs/core' {
   export interface InertiaConfig {
     sharedPageProps: SharedProps
+    flashDataType: FlashData
     errorValueType: string[]
   }
 }

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

@@ -1,8 +1,6 @@
-export type Flash = {
+export type FlashData = {
   notice?: string
   alert?: string
 }
 
-export type SharedProps = {
-  flash: Flash
-}
+export type SharedProps = {}

data/lib/generators/inertia/scaffold_controller/templates/controller.rb.tt

@@ -5,10 +5,6 @@ class <%= controller_class_name %>Controller < <%= parent_controller %>
 <% if regular_class_path.any? -%>
   wrap_parameters :<%= singular_table_name %>
 
-<% end -%>
-<% if parent_controller != 'InertiaController' -%>
-  inertia_share flash: -> { flash.to_hash }
-
 <% end -%>
   # GET <%= route_url %>
   def index

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

@@ -1,7 +1,9 @@
-import { Head, Link } from '@inertiajs/react'
+import { Head, Link, usePage } from '@inertiajs/react'
 import <%= inertia_component_name %> from './<%= singular_name %>'
 
-export default function Index({ <%= plural_table_name %>, flash }) {
+export default function Index({ <%= plural_table_name %> }) {
+  const { flash } = usePage()
+
   return (
     <>
       <Head title="<%= human_name.pluralize %>" />

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

@@ -1,13 +1,14 @@
-import { Head, Link } from '@inertiajs/react'
+import { Head, Link, usePage } from '@inertiajs/react'
 import <%= inertia_component_name %> from './<%= singular_name %>'
 import { <%= inertia_model_type %> } from './types'
 
 interface IndexProps {
   <%= plural_table_name %>: <%= inertia_model_type %>[]
-  flash: { notice?: string }
 }
 
-export default function Index({ <%= plural_table_name %>, flash }: IndexProps) {
+export default function Index({ <%= plural_table_name %> }: IndexProps) {
+  const { flash } = usePage()
+
   return (
     <>
       <Head title="<%= human_name.pluralize %>" />

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

@@ -1,7 +1,9 @@
-import { Head, Link } from '@inertiajs/react'
+import { Head, Link, usePage } from '@inertiajs/react'
 import <%= inertia_component_name %> from './<%= singular_name %>'
 
-export default function Show({ <%= singular_table_name %>, flash }) {
+export default function Show({ <%= singular_table_name %> }) {
+  const { flash } = usePage()
+
   return (
     <>
       <Head title={`<%= human_name %> #${<%= singular_table_name %>.id}`} />

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

@@ -1,13 +1,14 @@
-import { Head, Link } from '@inertiajs/react'
+import { Head, Link, usePage } from '@inertiajs/react'
 import <%= inertia_component_name %> from './<%= singular_name %>'
 import { <%= inertia_model_type %> } from './types'
 
 interface ShowProps {
   <%= singular_table_name %>: <%= inertia_model_type %>
-  flash: { notice?: string }
 }
 
-export default function Show({ <%= singular_table_name %>, flash }: ShowProps) {
+export default function Show({ <%= singular_table_name %> }: ShowProps) {
+  const { flash } = usePage()
+
   return (
     <>
       <Head title={`<%= human_name %> #${<%= singular_table_name %>.id}`} />

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

@@ -1,16 +1,16 @@
 <script>
-  import { Link } from '@inertiajs/svelte'
+  import { Link, page } from '@inertiajs/svelte'
   import <%= inertia_component_name %> from './<%= singular_name %>.svelte'
 
-  let { <%= plural_table_name %>, flash } = $props()
+  let { <%= plural_table_name %> } = $props()
 </script>
 
 <svelte:head>
   <title><%= human_name.pluralize %></title>
 </svelte:head>
 
-{#if flash.notice}
-  <p class="notice">{flash.notice}</p>
+{#if $page.flash.notice}
+  <p class="notice">{$page.flash.notice}</p>
 {/if}
 
 <h1><%= human_name.pluralize %></h1>

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

@@ -1,11 +1,10 @@
 <script lang="ts">
-  import { Link } from '@inertiajs/svelte'
+  import { Link, page } from '@inertiajs/svelte'
   import <%= inertia_component_name %> from './<%= singular_name %>.svelte'
   import type { <%= inertia_model_type %> } from './types'
 
-  let { <%= plural_table_name %>, flash } = $props<{
+  let { <%= plural_table_name %> } = $props<{
     <%= plural_table_name %>: <%= inertia_model_type %>[]
-    flash: { notice?: string }
   }>()
 </script>
 
@@ -13,8 +12,8 @@
   <title><%= human_name.pluralize %></title>
 </svelte:head>
 
-{#if flash.notice}
-  <p class="notice">{flash.notice}</p>
+{#if $page.flash.notice}
+  <p class="notice">{$page.flash.notice}</p>
 {/if}
 
 <h1><%= human_name.pluralize %></h1>

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

@@ -1,16 +1,16 @@
 <script>
-  import { Link } from '@inertiajs/svelte'
+  import { Link, page } from '@inertiajs/svelte'
   import <%= inertia_component_name %> from './<%= singular_name %>.svelte'
 
-  let { <%= singular_table_name %>, flash } = $props()
+  let { <%= singular_table_name %> } = $props()
 </script>
 
 <svelte:head>
   <title><%= human_name %> #{<%= singular_table_name %>.id}</title>
 </svelte:head>
 
-{#if flash.notice}
-  <p class="notice">{flash.notice}</p>
+{#if $page.flash.notice}
+  <p class="notice">{$page.flash.notice}</p>
 {/if}
 
 <h1><%= human_name %> #{<%= singular_table_name %>.id}</h1>

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

@@ -1,11 +1,10 @@
 <script lang="ts">
-  import { Link } from '@inertiajs/svelte'
+  import { Link, page } from '@inertiajs/svelte'
   import <%= inertia_component_name %> from './<%= singular_name %>.svelte'
   import type { <%= inertia_model_type %> } from './types'
 
-  let { <%= singular_table_name %>, flash } = $props<{
+  let { <%= singular_table_name %> } = $props<{
     <%= singular_table_name %>: <%= inertia_model_type %>
-    flash: { notice?: string }
   }>()
 </script>
 
@@ -13,8 +12,8 @@
   <title><%= human_name %> #{<%= singular_table_name %>.id}</title>
 </svelte:head>
 
-{#if flash.notice}
-  <p class="notice">{flash.notice}</p>
+{#if $page.flash.notice}
+  <p class="notice">{$page.flash.notice}</p>
 {/if}
 
 <h1><%= human_name %> #{<%= singular_table_name %>.id}</h1>

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

@@ -18,14 +18,14 @@
 </template>
 
 <script setup lang="ts">
-import { Head, Link } from '@inertiajs/vue3'
+import { Head, Link, usePage } from '@inertiajs/vue3'
 import <%= inertia_component_name %> from './<%= singular_name %>.vue'
 import { <%= inertia_model_type %> } from './types'
 
-const { <%= plural_table_name %>, flash } = defineProps<{
+defineProps<{
   <%= plural_table_name %>: <%= inertia_model_type %>[]
-  flash: { notice?: string }
 }>()
+const { flash } = usePage()
 </script>
 
 <style scoped>

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

@@ -18,10 +18,11 @@
 </template>
 
 <script setup>
-import { Head, Link } from '@inertiajs/vue3'
+import { Head, Link, usePage } from '@inertiajs/vue3'
 import <%= inertia_component_name %> from './<%= singular_name %>.vue'
 
-const { <%= plural_table_name %>, flash } = defineProps(['<%= plural_table_name %>', 'flash'])
+defineProps(['<%= plural_table_name %>'])
+const { flash } = usePage()
 </script>
 
 <style scoped>

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

@@ -24,14 +24,14 @@
 </template>
 
 <script setup lang="ts">
-import { Head, Link } from '@inertiajs/vue3'
+import { Head, Link, usePage } from '@inertiajs/vue3'
 import <%= inertia_component_name %> from './<%= singular_name %>.vue'
 import { <%= inertia_model_type %> } from './types'
 
-const { <%= singular_table_name %>, flash } = defineProps<{
+defineProps<{
   <%= singular_table_name %>: <%= inertia_model_type %>
-  flash: { notice?: string }
 }>()
+const { flash } = usePage()
 </script>
 
 <style scoped>

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

@@ -24,10 +24,11 @@
 </template>
 
 <script setup>
-import { Head, Link } from '@inertiajs/vue3'
+import { Head, Link, usePage } from '@inertiajs/vue3'
 import <%= inertia_component_name %> from './<%= singular_name %>.vue'
 
-const { <%= singular_table_name %>, flash } = defineProps(['<%= singular_table_name %>', 'flash'])
+defineProps(['<%= singular_table_name %>'])
+const { flash } = usePage()
 </script>
 
 <style scoped>

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

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

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

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

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

@@ -1,8 +1,10 @@
-import { Head, Link } from '@inertiajs/react'
+import { Head, Link, usePage } from '@inertiajs/react'
 import { Fragment } from 'react'
 import <%= inertia_component_name %> from './<%= singular_name %>'
 
-export default function Index({ <%= plural_table_name %>, flash }) {
+export default function Index({ <%= plural_table_name %> }) {
+  const { flash } = usePage()
+
   return (
     <>
       <Head title="<%= human_name.pluralize %>" />

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

@@ -1,14 +1,15 @@
-import { Head, Link } from '@inertiajs/react'
+import { Head, Link, usePage } from '@inertiajs/react'
 import { Fragment } from 'react'
 import <%= inertia_component_name %> from './<%= singular_name %>'
 import { <%= inertia_model_type %> } from './types'
 
 interface IndexProps {
   <%= plural_table_name %>: <%= inertia_model_type %>[]
-  flash: { notice?: string }
 }
 
-export default function Index({ <%= plural_table_name %>, flash }: IndexProps) {
+export default function Index({ <%= plural_table_name %> }: IndexProps) {
+  const { flash } = usePage()
+
   return (
     <>
       <Head title="<%= human_name.pluralize %>" />

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

@@ -1,7 +1,9 @@
-import { Head, Link } from '@inertiajs/react'
+import { Head, Link, usePage } from '@inertiajs/react'
 import <%= inertia_component_name %> from './<%= singular_name %>'
 
-export default function Show({ <%= singular_table_name %>, flash }) {
+export default function Show({ <%= singular_table_name %> }) {
+  const { flash } = usePage()
+
   return (
     <>
       <Head title={`<%= human_name %> #${<%= singular_table_name %>.id}`} />

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

@@ -1,13 +1,14 @@
-import { Head, Link } from '@inertiajs/react'
+import { Head, Link, usePage } from '@inertiajs/react'
 import <%= inertia_component_name %> from './<%= singular_name %>'
 import { <%= inertia_model_type %> } from './types'
 
 interface ShowProps {
   <%= singular_table_name %>: <%= inertia_model_type %>
-  flash: { notice?: string }
 }
 
-export default function Show({ <%= singular_table_name %>, flash }: ShowProps) {
+export default function Show({ <%= singular_table_name %> }: ShowProps) {
+  const { flash } = usePage()
+
   return (
     <>
       <Head title={`<%= human_name %> #${<%= singular_table_name %>.id}`} />

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

@@ -1,8 +1,8 @@
 <script>
-  import { Link } from '@inertiajs/svelte'
+  import { Link, page } from '@inertiajs/svelte'
   import <%= inertia_component_name %> from './<%= singular_name %>.svelte'
 
-  let { <%= plural_table_name %>, flash } = $props()
+  let { <%= plural_table_name %> } = $props()
 </script>
 
 <svelte:head>
@@ -10,9 +10,9 @@
 </svelte:head>
 
 <div class="mx-auto md:w-2/3 w-full px-8 pt-8">
-  {#if flash.notice}
+  {#if $page.flash.notice}
     <p class="py-2 px-3 bg-green-50 mb-5 text-green-500 font-medium rounded-lg inline-block">
-      {flash.notice}
+      {$page.flash.notice}
     </p>
   {/if}