Moved api functions to relevant folders

src/api/le-systeme-solaire/index.ts

@@ -0,0 +1,30 @@
+import axios from "axios";
+
+/**
+ * Fetches the API for all celestial bodies
+ * @returns Array of celestials in the API
+ */
+export const fetchCelestials = (): Promise<any> => {
+  return axios
+    .get("https://api.le-systeme-solaire.net/rest/bodies/")
+    .then(res => {
+      return res.data.bodies;
+    });
+};
+
+/**
+ * Fetches the API for all celestial bodies
+ * @returns Array of celestials in the API
+ */
+export const fetchCelestial = (slug: string): Promise<any> => {
+  return axios
+    .get(`https://api.le-systeme-solaire.net/rest/bodies/${slug}`)
+    .then(res => {
+      return res.data;
+    });
+};
+
+export default {
+  fetchCelestials,
+  fetchCelestial
+};

src/plugins/methods/index.ts

@@ -28,4 +28,4 @@ export const addCelestialsType = (celestials: any) => {
 export default {
   addCelestialType,
   addCelestialsType
-};
+};

src/views/celestials/Celestial.vue

@@ -19,7 +19,8 @@
 import { defineComponent } from "vue";
 
 // API
-import axios from "axios";
+import { fetchCelestial } from "@/api/le-systeme-solaire";
+
 // Global methods
 import { addCelestialType } from "@/plugins/methods";
 import NestLoader from "@/components/NestLoader.vue";
@@ -47,7 +48,7 @@ export default defineComponent({
 
   mounted() {
     // Fetches from API...
-    this.fetchCelestial()
+    fetchCelestial(this.slug)
       .then(res => {
         // Adds type after fake loading (it's just to showcase the spinner tbh)
         setTimeout(() => {
@@ -58,19 +59,6 @@ export default defineComponent({
       .catch(() => {
         this.error = "Impossible de récupérer l'astre demandé.";
       });
-  },
-
-  methods: {
-    /**
-     * Fetches celestial body from API
-     */
-    fetchCelestial(): Promise<any> {
-      return axios
-        .get(`https://api.le-systeme-solaire.net/rest/bodies/${this.slug}`)
-        .then(res => {
-          return res.data;
-        });
-    }
   }
 });
 </script>

src/views/celestials/Celestials.vue

@@ -19,7 +19,8 @@
 import { defineComponent, onMounted, ref } from "vue";
 
 // API
-import axios from "axios";
+import { fetchCelestials } from "@/api/le-systeme-solaire";
+
 // Global methods
 import { addCelestialsType } from "@/plugins/methods";
 
@@ -41,17 +42,6 @@ export default defineComponent({
   setup() {
     const celestials = ref(Array<any>());
 
-    /**
-     * Fetches celestial bodies from API
-     */
-    const fetchCelestials = (): Promise<any> => {
-      return axios
-        .get("https://api.le-systeme-solaire.net/rest/bodies/")
-        .then(res => {
-          return res.data.bodies;
-        });
-    };
-
     const getCelestials = async () => {
       celestials.value = await fetchCelestials();
       celestials.value = addCelestialsType(celestials.value);