use computed

bcc-code · Jan 25, 2024 · d4c994e · d4c994e
1 parent 20818e4
commit d4c994e
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/components/AppToolbar.vue b/components/AppToolbar.vue
@@ -1,14 +1,14 @@
 <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
     class="sticky top-0 z-20 flex justify-between border-b border-label-separator bg-white-2 backdrop-blur-md dark:bg-black-2"
   >
     <div class="flex flex-row mx-5">
       <div
-        v-if="showBackButton()"
+        v-if="showBackButton"
         class="p-4 cursor-pointer"
         @click="$router.back()"
       >