import Vue from "vue"
import { VueResource } from "@apichef/vue-resource"
import axios from "axios"

const request = (config) => {
    return axios.request({
        ...config,
        baseURL: 'http://example.com/api/'
    })
}

const nameResolver = resource => resource.type

Vue.use(VueResource, { request, nameResolver })

// in your component

export default {
    data() {
        return {
            projects: []
        }
    },

    async created() {
        await this.fetchProjects()
        // do something
    },

    methods: {
        async fetchProjects() {
            const response = await this.$resource('projects')
                .with([
                    'languages',
                    'subjects',
                ])
                .all()

            this.projects = response.data
        }
    }
}