inertia_rails 3.12.1 → 3.14.0

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

@@ -1,118 +0,0 @@
-<script>
-  import { useForm } from '@inertiajs/svelte'
-
-  let { <%= singular_table_name %>, submitText, onSubmit } = $props()
-
-  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 -%>
-  })
-
-  const handleSubmit = (e) => {
-    e.preventDefault()
-    onSubmit({ form: $form })
-  }
-</script>
-
-<form class="contents" onsubmit={handleSubmit}>
-<% 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"
-    ></textarea>
-<% elsif attribute.attachment? -%>
-    <input
-      type="file"
-      name="<%= attribute.singular_name %>"
-      id="<%= attribute.singular_name %>"
-      oninput={(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 %>"
-      oninput={(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>

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

@@ -1,123 +0,0 @@
-<script lang="ts">
-  import { useForm, type InertiaFormProps } from '@inertiajs/svelte'
-  import type { <%= inertia_model_type %>, <%= inertia_model_form_type %> } from './types'
-
-  let { <%= singular_table_name %>, submitText, onSubmit } = $props<{
-    <%= singular_table_name %>: <%= inertia_model_type %>
-    onSubmit: (props: { form: InertiaFormProps<<%= inertia_model_form_type %>> }) => void
-    submitText: string
-  }>()
-
-  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 %> || <%= default_value(attribute) %>,
-<% end -%>
-<% end -%>
-  })
-
-  const handleSubmit = (e: SubmitEvent) => {
-    e.preventDefault()
-    onSubmit({ form: $form })
-  }
-</script>
-
-<form class="contents" onsubmit={handleSubmit}>
-<% 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"
-    ></textarea>
-<% elsif attribute.attachment? -%>
-    <input
-      type="file"
-      name="<%= attribute.singular_name %>"
-      id="<%= attribute.singular_name %>"
-      oninput={(e) => ($form.<%= attribute.column_name %> = ((e.target as HTMLInputElement).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 %>"
-      oninput={(e) => ($form.<%= attribute.column_name %> = Array.from((e.target as HTMLInputElement).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 %>}
-      </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>

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

@@ -1,33 +0,0 @@
-<script lang="ts">
-  import { Link, type InertiaFormProps } from '@inertiajs/svelte'
-  import type { <%= inertia_model_type %>, <%= inertia_model_form_type %> } from './types'
-  import Form from './Form.svelte'
-
-  let { <%= singular_table_name %> } = $props<{ <%= singular_table_name %>: <%= inertia_model_type %> }>()
-
-  const handleSubmit = ({ form }: { form: InertiaFormProps<<%= inertia_model_form_type %>> }) => {
-    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 %>"
-    onSubmit={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>

data/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/Edit.ts.svelte.tt

@@ -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>

data/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/Form.svelte.tt

@@ -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>

data/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/Form.ts.svelte.tt

@@ -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>

data/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/Index.svelte.tt

@@ -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>

data/lib/generators/inertia_tw_templates/scaffold/templates/svelte4/Index.ts.svelte.tt

@@ -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>