From d4c994e0c84b31c36a9eb30ea9fbbb317f61684f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Karsten=20Ku=CC=88pper?= <karsten.kuepper@bcc.no>
Date: Thu, 25 Jan 2024 13:48:04 -0500
Subject: [PATCH] use computed

---
 components/AppToolbar.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/AppToolbar.vue b/components/AppToolbar.vue
index 974c5e87..e9a2d338 100644
--- a/components/AppToolbar.vue
+++ b/components/AppToolbar.vue
@@ -1,6 +1,6 @@
 <script setup type="ts">
 const route = useRoute();
-const showBackButton = () =>  route.name !== "index" && route.name !== "search" && route.name !== "browse";
+const showBackButton = computed(() => route.name !== "index" && route.name !== "search" && route.name !== "browse");
 </script>
 <template>
   <header
@@ -8,7 +8,7 @@ const showBackButton = () =>  route.name !== "index" && route.name !== "search"
   >
     <div class="flex flex-row mx-5">
       <div
-        v-if="showBackButton()"
+        v-if="showBackButton"
         class="p-4 cursor-pointer"
         @click="$router.back()"
       >