GPT

Props and Events

const props = defineProps<{ title: string items: Array }() const emit = defineEmits<{ 'update': [item: { id: number; name: string }] 'delete': [id: number] }() {{ title }} {{ item.name }} Delete

Prompt text

Original English text. Replace placeholders with your own details.

<script setup lang="ts">
const props = defineProps<{
 title: string
 items: Array<{ id: number; name: string }>
}>()

const emit = defineEmits<{
 'update': [item: { id: number; name: string }]
 'delete': [id: number]
}>()
</script>

<template>
 <div>
 <h2>{{ title }}</h2>
 <ul>
 <li v-for="item in items" :key="item.id">
 {{ item.name }}
 <button @click="emit('delete', item.id)">Delete</button>
 </li>
 </ul>
 </div>
</template>

Source & attribution

Instructa AI Prompts · Instructa AI Prompts

Source-listed license: CC-BY-4.0. Prompt text is preserved; titles and previews may be shortened for display. Source examples are not NexGateHub test results.

View original source ↗ · Source credits & licenses

Explore more prompts →