PromptVault/resources/js/Pages/Prompts/Create.vue

33 lines
916 B
Vue
Raw Normal View History

2026-10-26 20:12:16 +00:00
<script setup>
import { Head } from '@inertiajs/vue3';
import PromptForm from '../../Components/PromptForm.vue';
const PLACEHOLDER = '{{variable}}';
defineProps({
initial: { type: Object, required: true },
suggestedTags: { type: Array, required: true },
});
</script>
<template>
<Head title="New Prompt" />
<div class="mx-auto max-w-2xl">
<h1 class="mb-1 text-xl font-semibold tracking-tight">New prompt</h1>
<p class="mb-5 text-sm text-slate-500">
Use
<code class="rounded bg-slate-100 px-1 py-0.5 text-xs">{{ PLACEHOLDER }}</code>
placeholders and fill them in later.
</p>
<PromptForm
:initial="initial"
:suggested-tags="suggestedTags"
method="post"
action="/prompts"
submit-label="Create prompt"
cancel-href="/prompts"
/>
</div>
</template>