From 26d78d00e5129ca8628fa23fe692609b296b8486 Mon Sep 17 00:00:00 2001
From: Clinton le Roux <clintieleroux@gmail.com>
Date: Fri, 25 Oct 2024 16:29:47 +0200
Subject: [PATCH] Favorite Button Not working on a tool #1365

---
 src/layouts/tool.layout.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/layouts/tool.layout.vue b/src/layouts/tool.layout.vue
index aa808f1c..b0608455 100644
--- a/src/layouts/tool.layout.vue
+++ b/src/layouts/tool.layout.vue
@@ -28,6 +28,15 @@ const { t } = useI18n();
 const i18nKey = computed<string>(() => route.path.trim().replace('/', ''));
 const toolTitle = computed<string>(() => t(`tools.${i18nKey.value}.title`, String(route.meta.name)));
 const toolDescription = computed<string>(() => t(`tools.${i18nKey.value}.description`, String(route.meta.description)));
+
+const tool = computed<Tool>(() => ({
+  name: route.meta.name,
+  path: route.path,
+  description: route.meta.description,
+  icon: route.meta.icon,
+  isNew: route.meta.isNew,
+  category: route.meta.category,
+}));
 </script>
 
 <template>
@@ -40,7 +49,7 @@ const toolDescription = computed<string>(() => t(`tools.${i18nKey.value}.descrip
           </n-h1>
 
           <div>
-            <FavoriteButton :tool="{ name: route.meta.name } as Tool" />
+            <FavoriteButton :tool="tool" />
           </div>
         </div>