From 8471a3ed7815a5246be4ff237db9ed218ee6870b Mon Sep 17 00:00:00 2001
From: Kloon ImKloon <kloon15@gmail.com>
Date: Tue, 10 Oct 2023 12:27:03 +0200
Subject: [PATCH] Fix broken Action.vue

---
 frontend/src/components/header/Action.vue | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/header/Action.vue b/frontend/src/components/header/Action.vue
index 9d8666cb..1df137e3 100644
--- a/frontend/src/components/header/Action.vue
+++ b/frontend/src/components/header/Action.vue
@@ -2,18 +2,18 @@
   <button @click="action" :aria-label="label" :title="label" class="action">
     <i class="material-icons">{{ icon }}</i>
     <span>{{ label }}</span>
-    <span v-if="counter > 0" class="counter">{{ counter }}</span>
+    <span v-if="counter && counter > 0" class="counter">{{ counter }}</span>
   </button>
 </template>
 
 <script setup lang="ts">
 import { useLayoutStore } from "@/stores/layout";
 
-defineProps<{
+const props = defineProps<{
   icon?: string;
-  label?: any;
-  counter?: any;
-  show?: any;
+  label?: string;
+  counter?: number;
+  show?: string;
 }>();
 
 const emit = defineEmits<{
@@ -23,9 +23,8 @@ const emit = defineEmits<{
 const layoutStore = useLayoutStore();
 
 const action = () => {
-  if (layoutStore.show) {
-    // TODO: is not very pretty
-    layoutStore.showHover(layoutStore.show as string);
+  if (props.show) {
+    layoutStore.showHover(props.show);
   }
 
   emit("action");