frontend/src/api/merch.js

import { apiClient } from '@/services/apiClient.js'

export const useMerchApi = () => {
  const addMerch = async (payload) => {
    const response = await apiClient.post('/merch/', payload.value)
    if (response.status === 200) {
      return response
    } else {
      console.log('Add merch error: ', response)
    }
  }

  const getMerchDetails = async (uuid) => {
    try {
      const response = await apiClient.get(`/merch/${uuid}`)
      if (response.status === 200) {
        return response
      }
    } catch (error) {
      return error
    }
  }

  const getMerchList = async () => {
    try {
      const response = await apiClient.get('/merch/')
      if (response.status === 200) {
        return response
      }
    } catch (error) {
      return error
    }
  }

  const deleteMerch = async (uuid) => {
    try {
      const response = await apiClient.delete(`/merch/${uuid}`)
      return response.status
    } catch (error) {
      return error
    }
  }

  const updateMerch = async (payload) => {
    const response = await apiClient.put(`/merch/`, payload)
    if (response.status === 200) {
      return response
    } else {
      console.log('Update merch error: ', response)
    }
  }

  return {
    addMerch,
    getMerchDetails,
    getMerchList,
    deleteMerch,
    updateMerch,
  }
}