feat(client-side): add function to update view count to clientside

lib/client/science.ts

@@ -0,0 +1,3 @@
+export const recordView = async (sid: number) => {
+	await useApiFetch(`/story/${sid}/set-viewed`);
+};

pages/story/[id]/[cidx]/index.vue

@@ -6,6 +6,7 @@
 	import storyInfo from "~/components/story/view/storyInfo.vue";
 	import chapterPicker from "~/components/story/view/chapterPicker.vue";
 	import { IUser } from "@models/user";
+	import { recordView } from "@client/science";
 
 	const { useToken } = theme;
 	const { token } = useToken();
@@ -24,6 +25,7 @@
 	useHead({
 		title: `"${story.value.title}" by ${story.value.author.username}${and.value}`,
 	});
+	await recordView(story.value._id!);
 </script>
 <template>
 	<a-typography-title>