From 7a9cbb1ffba69bc92fb46de9a886c46f1cd74d06 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=98=99=E2=97=A6=20The=20Tablet=20=E2=9D=80=20GamerGirla?=
 =?UTF-8?q?ndCo=20=E2=97=A6=E2=9D=A7?= <i.am.the.tablet@proton.me>
Date: Sat, 16 Mar 2024 20:27:04 -0400
Subject: [PATCH] refactor(components): wrap story actions component's buttons
 in a `nuxt-link`

---
 components/story/atoms/actions.vue | 25 +++++++++++++++----------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/components/story/atoms/actions.vue b/components/story/atoms/actions.vue
index 03a2d2f..f98a7df 100644
--- a/components/story/atoms/actions.vue
+++ b/components/story/atoms/actions.vue
@@ -1,8 +1,9 @@
 <script setup lang="ts">
-	import { theme } from "ant-design-vue";
-	import { IStory } from "@models/stories";
-	import { deleteStory } from "@client/storyActions";
-	const props = defineProps<{ story: IStory }>();
+import { theme } from "ant-design-vue";
+import { IStory } from "@models/stories";
+import { deleteStory } from "@client/storyActions";
+const props = defineProps<{ story: IStory }>();
+console.log("SINFO", props.story._id);
 </script>
 
 <template>
@@ -14,14 +15,18 @@
 		</a-tooltip>
 	</a-popconfirm>
 	<a-tooltip title="Edit">
-		<a-button type="ghost" @click="$router.push(`/story/${story._id}/edit`)">
-			<icon istyle="regular" name="pen-to-square" />
-		</a-button>
+		<nuxt-link :to="`/story/${story._id}/edit`">
+			<a-button type="ghost">
+				<icon istyle="regular" name="pen-to-square" />
+			</a-button>
+		</nuxt-link>
 	</a-tooltip>
 	<a-tooltip title="View">
-		<a-button type="ghost" @click="$router.push(`/story/${story._id}/${story.chapters.length}`)">
-			<icon istyle="regular" name="eye" />
-		</a-button>
+		<nuxt-link :to="`/story/${story._id}/${story.chapters.length}`">
+			<a-button type="ghost">
+				<icon istyle="regular" name="eye" />
+			</a-button>
+		</nuxt-link>
 	</a-tooltip>
 </template>