Sha256: f4a6f861dc1cdc7f9f4ecb6220e510808bb3313f1ded5ccc8a4a9a43847228d1

Contents?: true

Size: 1.48 KB

Versions: 1

Compression:

Stored size: 1.48 KB

Contents

<template>
  <Head title="<%= human_name.pluralize %>" />

  <div className="mx-auto md:w-2/3 w-full px-8 pt-8">
    <p
      v-if="flash.notice"
      class="py-2 px-3 bg-green-50 mb-5 text-green-500 font-medium rounded-lg inline-block"
    >
      {{ flash.notice }}
    </p>

    <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">
      <template v-for="<%= singular_table_name %> in <%= plural_table_name %>" :key="<%= singular_table_name %>.id">
        <<%= inertia_component_name %> :<%= singular_table_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>
      </template>
    </div>
  </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 { <%= plural_table_name %>, flash } = defineProps<{
  <%= plural_table_name %>: <%= inertia_model_type %>[]
  flash: { notice?: string }
}>()
</script>

Version data entries

1 entries across 1 versions & 1 rubygems

Version Path
inertia_rails-3.5.0 lib/generators/inertia_tw_templates/scaffold/templates/vue/Index.ts.vue.tt