use new caching
This commit is contained in:
@@ -108,7 +108,6 @@ const handleLoad = async () => {
|
||||
let slug = useRoute().params.slug || "";
|
||||
pageLoading.value = true;
|
||||
|
||||
try {
|
||||
if (slug.length > 0) {
|
||||
let result = await api.get({
|
||||
url: "/articles",
|
||||
@@ -116,8 +115,8 @@ const handleLoad = async () => {
|
||||
slug: `=${slug}`,
|
||||
limit: 1,
|
||||
},
|
||||
});
|
||||
|
||||
callback: (result) => {
|
||||
if (result.status < 300) {
|
||||
const data = result.data as ArticleCollection;
|
||||
|
||||
if (data && data.articles && data.total && data.total > 0) {
|
||||
@@ -139,14 +138,14 @@ const handleLoad = async () => {
|
||||
} else {
|
||||
pageStatus.value = 404;
|
||||
}
|
||||
}
|
||||
|
||||
pageLoading.value = false;
|
||||
},
|
||||
});
|
||||
} else {
|
||||
pageStatus.value = 404;
|
||||
}
|
||||
} catch (error) {
|
||||
/* empty */
|
||||
} finally {
|
||||
pageLoading.value = false;
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
|
||||
@@ -221,20 +221,15 @@ const viewLoad = async () => {
|
||||
articlesLoading.value = true;
|
||||
articlesError.value = "";
|
||||
|
||||
try {
|
||||
await Promise.all([
|
||||
api
|
||||
.get({
|
||||
api.get({
|
||||
url: "/events",
|
||||
params: {
|
||||
limit: 10,
|
||||
sort: "start_at",
|
||||
start_at: `>${new SMDate("now").format(
|
||||
"yyyy-MM-dd hh:mm:ss",
|
||||
)}`,
|
||||
start_at: `>${new SMDate("now").format("yyyy-MM-dd hh:mm:ss")}`,
|
||||
},
|
||||
})
|
||||
.then((eventsResult) => {
|
||||
callback: (eventsResult) => {
|
||||
if (eventsResult.status < 300) {
|
||||
const eventsData =
|
||||
getApiResultData<EventCollection>(eventsResult);
|
||||
|
||||
@@ -251,44 +246,110 @@ const viewLoad = async () => {
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
.catch((error) => {
|
||||
if (error.status != 404) {
|
||||
} else {
|
||||
if (eventsResult.status != 404) {
|
||||
eventsError.value =
|
||||
"An error occured retrieving the events";
|
||||
}
|
||||
})
|
||||
.finally(() => {
|
||||
}
|
||||
|
||||
eventsLoading.value = false;
|
||||
}),
|
||||
api
|
||||
.get({
|
||||
},
|
||||
});
|
||||
|
||||
api.get({
|
||||
url: "/articles",
|
||||
params: {
|
||||
limit: 4,
|
||||
},
|
||||
})
|
||||
.then((articlesResult) => {
|
||||
|
||||
callback: (articlesResult) => {
|
||||
if (articlesResult.status < 300) {
|
||||
const articlesData =
|
||||
getApiResultData<ArticleCollection>(articlesResult);
|
||||
|
||||
if (articlesData && articlesData.articles) {
|
||||
articles.value = articlesData.articles;
|
||||
}
|
||||
})
|
||||
.catch((error) => {
|
||||
if (error.status != 404) {
|
||||
} else {
|
||||
if (articlesResult.status != 404) {
|
||||
articlesError.value =
|
||||
"An error occured retrieving the posts";
|
||||
}
|
||||
})
|
||||
.finally(() => {
|
||||
articlesLoading.value = false;
|
||||
}),
|
||||
]);
|
||||
} catch {
|
||||
/* empty */
|
||||
}
|
||||
|
||||
articlesLoading.value = false;
|
||||
},
|
||||
});
|
||||
|
||||
// try {
|
||||
// await Promise.all([
|
||||
// api
|
||||
// .get({
|
||||
// url: "/events",
|
||||
// params: {
|
||||
// limit: 10,
|
||||
// sort: "start_at",
|
||||
// start_at: `>${new SMDate("now").format(
|
||||
// "yyyy-MM-dd hh:mm:ss",
|
||||
// )}`,
|
||||
// },
|
||||
// })
|
||||
// .then((eventsResult) => {
|
||||
// const eventsData =
|
||||
// getApiResultData<EventCollection>(eventsResult);
|
||||
|
||||
// if (eventsData && eventsData.events) {
|
||||
// events.value = [];
|
||||
|
||||
// for (const event of eventsData.events) {
|
||||
// if (
|
||||
// event.status === "open" ||
|
||||
// event.status === "soon"
|
||||
// ) {
|
||||
// events.value.push(event);
|
||||
// if (events.value.length === 4) break;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// })
|
||||
// .catch((error) => {
|
||||
// if (error.status != 404) {
|
||||
// eventsError.value =
|
||||
// "An error occured retrieving the events";
|
||||
// }
|
||||
// })
|
||||
// .finally(() => {
|
||||
// eventsLoading.value = false;
|
||||
// }),
|
||||
// api
|
||||
// .get({
|
||||
// url: "/articles",
|
||||
// params: {
|
||||
// limit: 4,
|
||||
// },
|
||||
// })
|
||||
// .then((articlesResult) => {
|
||||
// const articlesData =
|
||||
// getApiResultData<ArticleCollection>(articlesResult);
|
||||
|
||||
// if (articlesData && articlesData.articles) {
|
||||
// articles.value = articlesData.articles;
|
||||
// }
|
||||
// })
|
||||
// .catch((error) => {
|
||||
// if (error.status != 404) {
|
||||
// articlesError.value =
|
||||
// "An error occured retrieving the posts";
|
||||
// }
|
||||
// })
|
||||
// .finally(() => {
|
||||
// articlesLoading.value = false;
|
||||
// }),
|
||||
// ]);
|
||||
// } catch {
|
||||
// /* empty */
|
||||
// }
|
||||
};
|
||||
|
||||
viewLoad();
|
||||
|
||||
Reference in New Issue
Block a user