GPT

Usage Examples

const props = defineProps<{ databaseId: string; collectionId: string; }(); const { loading, error, listDocuments, createDocument, deleteDocument, } = useDatabase(props.databaseId, props.collectionId); const docu

Prompt text

Original English text. Replace placeholders with your own details.

<script setup lang="ts">
const props = defineProps<{
 databaseId: string;
 collectionId: string;
}>();

const {
 loading,
 error,
 listDocuments,
 createDocument,
 deleteDocument,
} = useDatabase(props.databaseId, props.collectionId);

const documents = ref([]);
const newTitle = ref('');

onMounted(async () => {
 try {
 const response = await listDocuments();
 documents.value = response.documents;
 } catch (error) {
 console.error('Failed to fetch documents:', error);
 }
});

const handleCreate = async () => {
 if (!newTitle.value) return;
 
 try {
 const doc = await createDocument({ title: newTitle.value });
 documents.value.unshift(doc);
 newTitle.value = '';
 } catch (error) {
 console.error('Failed to create document:', error);
 }
};

const handleDelete = async (documentId: string) => {
 try {
 await deleteDocument(documentId);
 documents.value = documents.value.filter(doc => doc.$id !== documentId);
 } catch (error) {
 console.error('Failed to delete document:', error);
 }
};
</script>

<template>
 <div>
 <div v-if="loading">Loading...</div>
 <div v-else-if="error">Error: {{ error.message }}</div>
 <div v-else>
 <form @submit.prevent="handleCreate">
 <input v-model="newTitle" placeholder="New document title" required />
 <button type="submit">Create</button>
 </form>

 <div class="documents">
 <div v-for="doc in documents" :key="doc.$id" class="document">
 <h3>{{ doc.title }}</h3>
 <button @click="handleDelete(doc.$id)">Delete</button>
 </div>
 </div>
 </div>
 </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 →