feat(Services):Implement comments services & its composable

Author: xGooddevilx

src/composables/comments.composable.js

@@ -0,0 +1,32 @@
+import { computed, ref } from "vue";
+import { useLoading } from "./loading.composable";
+import { keyBy } from "@/utils";
+import CommentsService from "@/services/comments.service";
+
+export const useFetchComments = () => {
+    const { isLoading, startLoading, endLoading } = useLoading();
+    const comments = ref([]);
+    const commentsKeyById = computed(() => keyBy(comments.value, "id"));
+
+    /**
+     * @param {AxiosRequestConfig} [config]
+     */
+    const fetchComments = (config) => {
+        startLoading();
+        return CommentsService.getAll(config)
+            .then((response) => {
+                comments.value = response.data;
+                return response;
+            })
+            .finally(() => {
+                endLoading();
+            });
+    };
+
+    return {
+        comments,
+        commentsIsLoading: isLoading,
+        commentsKeyById,
+        fetchComments,
+    };
+};

src/services/comments.service.js

@@ -0,0 +1,29 @@
+import CrudService from "./crud.service";
+
+class CommentsService extends CrudService {
+    /**
+     * Service url
+     *
+     * @returns {String}
+     */
+    static get URL() {
+        return "comments";
+    }
+
+    /**
+     * Get default item
+     *
+     * @returns {Object}
+     */
+    static getDefault() {
+        return {
+            postId: undefined,
+            id: undefined,
+            name: undefined,
+            body: undefined,
+            email: undefined,
+        };
+    }
+}
+
+export default CommentsService;