- Moved api folder and added alias to avoid ../../../ memes, also deleted useless files

client/src/api/api.js

@@ -0,0 +1,9 @@
+import axios from "axios"
+
+const url = "http://localhost:2814/api"
+
+axios.defaults.headers.common['auracle_key'] = process.env.VUE_APP_API_KEY
+
+export default axios.create({
+    baseURL: url
+})

client/src/api/ingredientsRepository.js

@@ -0,0 +1,14 @@
+import api from './api'
+
+// URL for spells
+const resource = "/ingredients"
+
+// CRUD methods for spells
+export default {
+    getIngredients() {
+        return api.get(`${resource}`)
+    },
+    getIngredient(id) {
+        return api.get(`${resource}/${id}`)
+    },
+}

client/src/api/metaschoolsRepository.js

@@ -0,0 +1,14 @@
+import api from './api'
+
+// URL for spells
+const resource = "/meta_schools"
+
+// CRUD methods for spells
+export default {
+    getMetaSchools() {
+        return api.get(`${resource}`)
+    },
+    getMetaSchool(id) {
+        return api.get(`${resource}/${id}`)
+    },
+}

client/src/api/repositories.js

@@ -0,0 +1,19 @@
+import spellsRepository from './spellsRepository'
+import schoolsRepository from './schoolsRepository'
+import metaschoolsRepository from './metaschoolsRepository'
+import variablesRepository from './variablesRepository'
+import ingredientsRepository from './ingredientsRepository'
+
+// List of possible repositories
+const repositories = {
+    spells: spellsRepository,
+    schools: schoolsRepository,
+    metaschools: metaschoolsRepository,
+    variables: variablesRepository,
+    ingredients: ingredientsRepository,
+}
+
+// Usage : RepositoryFactoryInstance.get('reponame');
+export const RepositoryFactory = {
+    get: name => repositories[name]
+}

client/src/api/schoolsRepository.js

@@ -0,0 +1,17 @@
+import api from './api'
+
+// URL for spells
+const resource = "/schools"
+
+// CRUD methods for spells
+export default {
+    getSchools() {
+        return api.get(`${resource}`)
+    },
+    getSchool(id) {
+        return api.get(`${resource}/${id}`)
+    },
+    getSpellsFromSchool(id) {
+        return api.get(`${resource}/${id}/spells`)
+    }
+}

client/src/api/spellsRepository.js

@@ -0,0 +1,23 @@
+import api from './api'
+
+// URL for spells
+const resource = "/spells"
+
+// CRUD methods for spells
+export default {
+    getSpells() {
+        return api.get(`${resource}`)
+    },
+    getSpell(id) {
+        return api.get(`${resource}/${id}`)
+    },
+    addSpell(data) {
+        return api.post(`${resource}`, data)
+    },
+    updateSpell(id, data) {
+        return api.put(`${resource}/${id}`, data)
+    },
+    deleteSpell(id) {
+        return api.delete(`${resource}/${id}`)
+    }
+}

client/src/api/variablesRepository.js

@@ -0,0 +1,14 @@
+import api from './api'
+
+// URL for spells
+const resource = "/variables"
+
+// CRUD methods for spells
+export default {
+    getVariables() {
+        return api.get(`${resource}`)
+    },
+    getVariable(id) {
+        return api.get(`${resource}/${id}`)
+    },
+}

client/src/components/spells/add-spell-card.vue

@@ -73,7 +73,7 @@
 
 <script>
 // API
-import { RepositoryFactory } from "../../../api/repositories"
+import { RepositoryFactory } from "~/api/repositories"
 
 const Spells = RepositoryFactory.get('spells')
 const Schools = RepositoryFactory.get('schools')

client/src/components/spells/edit-spell-card.vue

@@ -68,7 +68,7 @@
 
 <script>
 // API
-import { RepositoryFactory } from "../../../api/repositories"
+import { RepositoryFactory } from "~/api/repositories"
 const Spells = RepositoryFactory.get('spells')
 const Schools = RepositoryFactory.get('schools')
 const Variables = RepositoryFactory.get('variables')

client/src/components/spells/spell-card.vue

@@ -68,7 +68,7 @@
 
 <script>
 // API
-import { RepositoryFactory } from "../../../api/repositories"
+import { RepositoryFactory } from "~/api/repositories"
 const Spells = RepositoryFactory.get('spells')
 
 export default {

client/src/components/spells/spells-list.vue

@@ -19,7 +19,7 @@ import EditSpellCard from "./edit-spell-card"
 import AddSpellCard from "./add-spell-card"
 
 // API
-import { RepositoryFactory } from "../../../api/repositories"
+import { RepositoryFactory } from "~/api/repositories"
 const Spells = RepositoryFactory.get('spells')
 const Schools = RepositoryFactory.get('schools')
 

client/src/pages/schools/single-school-page.vue

@@ -7,10 +7,10 @@
 </template>
 
 <script>
-import SpellsList from "../../components/spells/spells-list"
+import SpellsList from "~/components/spells/spells-list"
 
 // API
-import { RepositoryFactory } from "../../../api/repositories"
+import { RepositoryFactory } from "~/api/repositories"
 const Schools = RepositoryFactory.get('schools')
 
 export default {