[VueJS] API Pattern

demo.vue

import PostsList from './PostsList'
import RepositoryFactory from '../repositories/RepositoryFactory'
const PostRepository = RepositoryFactory.get('posts')

export default {
  methods: {
    async fetch() {
      const { data } = await PostsRepository.get()
    }
  }
}

postRepository.js

import Repository from './Repository'

const resource = '/posts'

export default {
  get() {
    return Repository.get(`${resource}`)
  }
  getPost(postId) {
    return Repository.get(`${resource}/${postId}`)
  }
  createPost(payload) {
    return Repository.post(`${resource}`, payload)
  }
  updatePost(payload) {
    return Repository.put(`${resource}`, payload)
  }
  deletePost(payload) {
    return Repository.delete(`${resource}/${postId}`)
  }
}

Repository.js

import axios from 'axios'

const baseDomain = 'https://example.com'
const baseUrl = `${baseDomain}/api/v1`

export default axios.create({
  baseUrl,
  header: {  "Authorization": "Bearer yourToken" }
})

RepositoryFactory.js

import PostsRepository from './postsRepository'

const repositories = {
  posts: PostsRepository
}

export const RepositoryFactory = {
  get: name => repositories[name]
}