GPT

Composables

// composables/useUsers.ts interface User { id: number; name: string; email: string; } export function useUsers() { const users = ref ([]); const loading = ref(false); const error = ref (null); const fetchUsers

Prompt text

Original English text. Replace placeholders with your own details.

// composables/useUsers.ts
interface User {
 id: number;
 name: string;
 email: string;
}

export function useUsers() {
 const users = ref<User[]>([]);
 const loading = ref(false);
 const error = ref<string | null>(null);

 const fetchUsers = async () => {
 loading.value = true;
 error.value = null;
 try {
 users.value = await $fetch('/api/users');
 } catch (e: any) {
 error.value = e.message;
 } finally {
 loading.value = false;
 }
 };

 const getUser = async (id: number) => {
 loading.value = true;
 error.value = null;
 try {
 return await $fetch(`/api/users/${id}`);
 } catch (e: any) {
 error.value = e.message;
 throw e;
 } finally {
 loading.value = false;
 }
 };

 const createUser = async (user: Omit<User, 'id'>) => {
 loading.value = true;
 error.value = null;
 try {
 const newUser = await $fetch('/api/users/create', {
 method: 'POST',
 body: user,
 });
 users.value.push(newUser);
 return newUser;
 } catch (e: any) {
 error.value = e.message;
 throw e;
 } finally {
 loading.value = false;
 }
 };

 const updateUser = async (id: number, user: Partial<User>) => {
 loading.value = true;
 error.value = null;
 try {
 const updatedUser = await $fetch(`/api/users/${id}`, {
 method: 'PUT',
 body: user,
 });
 const index = users.value.findIndex(u => u.id === id);
 if (index !== -1) {
 users.value[index] = updatedUser;
 }
 return updatedUser;
 } catch (e: any) {
 error.value = e.message;
 throw e;
 } finally {
 loading.value = false;
 }
 };

 const deleteUser = async (id: number) => {
 loading.value = true;
 error.value = null;
 try {
 await $fetch(`/api/users/${id}`, { method: 'DELETE' });
 users.value = users.value.filter(u => u.id !== id);
 } catch (e: any) {
 error.value = e.message;
 throw e;
 } finally {
 loading.value = false;
 }
 };

 return {
 users,
 loading,
 error,
 fetchUsers,
 getUser,
 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 →