GPT

Firestore Composables

import { useFirestore, useCollection, useDocument } from 'vuefire' import { collection, doc, query, where, orderBy, limit, addDoc, updateDoc, deleteDoc, type DocumentData, type QueryConstraint } from 'firebase

Prompt text

Original English text. Replace placeholders with your own details.

import { useFirestore, useCollection, useDocument } from 'vuefire'
import {
 collection,
 doc,
 query,
 where,
 orderBy,
 limit,
 addDoc,
 updateDoc,
 deleteDoc,
 type DocumentData,
 type QueryConstraint
} from 'firebase/firestore'

export function useFirestoreCollection<T = DocumentData>(
 path: string,
 constraints?: {
 where?: [string, firebase.firestore.WhereFilterOp, any][];
 orderBy?: [string, 'asc' | 'desc'][];
 limit?: number;
 }
) {
 const db = useFirestore()
 const loading = ref(false)
 const error = ref<string | null>(null)

 const buildQuery = () => {
 let collectionRef = collection(db, path)
 const queryConstraints: QueryConstraint[] = []

 if (constraints) {
 if (constraints.where) {
 constraints.where.forEach(([field, op, value]) => {
 queryConstraints.push(where(field, op, value))
 })
 }

 if (constraints.orderBy) {
 constraints.orderBy.forEach(([field, direction]) => {
 queryConstraints.push(orderBy(field, direction))
 })
 }

 if (constraints.limit) {
 queryConstraints.push(limit(constraints.limit))
 }
 }

 return queryConstraints.length > 0
 ? query(collectionRef, ...queryConstraints)
 : collectionRef
 }

 const data = useCollection<T>(buildQuery())

 const add = async (document: Omit<T, 'id'>) => {
 loading.value = true
 error.value = null
 try {
 const docRef = await addDoc(collection(db, path), document)
 return docRef.id
 } catch (e: any) {
 error.value = e.message
 throw e
 } finally {
 loading.value = false
 }
 }

 return {
 data,
 loading,
 error,
 add
 }
}

export function useFirestoreDocument<T = DocumentData>(path: string, id: string) {
 const db = useFirestore()
 const loading = ref(false)
 const error = ref<string | null>(null)

 const docRef = doc(db, path, id)
 const data = useDocument<T>(docRef)

 const update = async (updates: Partial<T>) => {
 loading.value = true
 error.value = null
 try {
 await updateDoc(docRef, updates as DocumentData)
 } catch (e: any) {
 error.value = e.message
 throw e
 } finally {
 loading.value = false
 }
 }

 const remove = async () => {
 loading.value = true
 error.value = null
 try {
 await deleteDoc(docRef)
 } catch (e: any) {
 error.value = e.message
 throw e
 } finally {
 loading.value = false
 }
 }

 return {
 data,
 loading,
 error,
 update,
 remove
 }
}

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 →