frontend/src/api/merch.js

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

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

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

  return {
    addMerch,
    deleteMerch,
  }
}