GPT

Composables Implementation

export const useUsers = () = { const { data: users, refresh: refreshUsers, error: usersError } = useFetch('/api/users') const loading = ref(false) const error = ref (null) const createUser = async (userData: { email

Prompt text

Original English text. Replace placeholders with your own details.

export const useUsers = () => {
 const { data: users, refresh: refreshUsers, error: usersError } = useFetch('/api/users')
 const loading = ref(false)
 const error = ref<string | null>(null)

 const createUser = async (userData: { email: string; name?: string }) => {
 loading.value = true
 error.value = null
 try {
 await $fetch('/api/users', {
 method: 'POST',
 body: userData
 })
 await refreshUsers()
 } catch (e) {
 error.value = 'Failed to create user'
 console.error('Failed to create user:', e)
 } finally {
 loading.value = false
 }
 }

 const updateUser = async (id: number, userData: { email?: string; name?: string }) => {
 loading.value = true
 error.value = null
 try {
 await $fetch(`/api/users/${id}`, {
 method: 'PUT',
 body: userData
 })
 await refreshUsers()
 } catch (e) {
 error.value = `Failed to update user ${id}`
 console.error(`Failed to update user ${id}:`, e)
 } finally {
 loading.value = false
 }
 }

 const deleteUser = async (id: number) => {
 loading.value = true
 error.value = null
 try {
 await $fetch(`/api/users/${id}`, {
 method: 'DELETE'
 })
 await refreshUsers()
 } catch (e) {
 error.value = `Failed to delete user ${id}`
 console.error(`Failed to delete user ${id}:`, e)
 } finally {
 loading.value = false
 }
 }

 return {
 users,
 loading,
 error: error.value || usersError.value,
 createUser,
 updateUser,
 deleteUser
 }
}

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 →