Sha256: 41883fb0a8638f464dc58776adc0d89b7d6778961def9a485fca3c104b819a53

Contents?: true

Size: 1.09 KB

Versions: 1

Compression:

Stored size: 1.09 KB

Contents

<template>
  <Head :title="`<%= human_name %> #${<%= singular_table_name %>.id}`" />

  <p v-if="flash.notice" class="notice">{{ flash.notice }}</p>

  <h1><%= human_name %> #{{ <%= singular_table_name %>.id }}</h1>

  <<%= inertia_component_name %> :<%= singular_table_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 />

    <Link
      :href="`<%= js_resource_path %>`"
      as="button"
      method="delete"
    >
      Destroy this <%= human_name.downcase %>
    </Link>
  </div>
</template>

<script setup lang="ts">
import { Head, Link } from '@inertiajs/vue3'
import <%= inertia_component_name %> from './<%= inertia_component_name %>.vue'
import { <%= inertia_model_type %> } from './types'

const { <%= singular_table_name %>, flash } = defineProps<{
  <%= singular_table_name %>: <%= inertia_model_type %>
  flash: { notice?: string }
}>()
</script>

<style scoped>
.notice {
  color: green;
}
</style>

Version data entries

1 entries across 1 versions & 1 rubygems

Version Path
inertia_rails-3.5.0 lib/generators/inertia_templates/scaffold/templates/vue/Show.ts.vue.tt