30 lines
631 B
TypeScript
30 lines
631 B
TypeScript
// imports
|
|
|
|
import { useQuery } from "@tanstack/vue-query";
|
|
import { API_ENDPOINTS, QUERY_KEYS } from "~/constants";
|
|
|
|
// types
|
|
|
|
export type GetArticleResponse = Article;
|
|
|
|
const useGetArticle = (id: number | string | undefined) => {
|
|
|
|
// state
|
|
|
|
const { $axios: axios } = useNuxtApp();
|
|
|
|
// methods
|
|
|
|
const handleGetArticle = async () => {
|
|
const { data } = await axios.get<GetArticleResponse>(`${API_ENDPOINTS.blog.article}/${id}`);
|
|
return data;
|
|
};
|
|
|
|
return useQuery({
|
|
queryKey: [QUERY_KEYS.article, id],
|
|
queryFn: () => handleGetArticle()
|
|
});
|
|
};
|
|
|
|
export default useGetArticle;
|