Updated Action.vue to composition api & typescript.

frontend/src/components/header/Action.vue

@@ -6,24 +6,28 @@
   </button>
 </template>
 
-<script>
+<script setup lang="ts">
-import { mapActions } from "pinia";
 import { useLayoutStore } from "@/stores/layout";
 
-export default {
+defineProps<{
-  name: "action",
+  icon: any;
-  props: ["icon", "label", "counter", "show"],
+  label: any;
-  methods: {
+  counter: any;
-    ...mapActions(useLayoutStore, ["showHover"]),
+  show: any;
-    action: function () {
+}>();
-      if (this.show) {
-        this.showHover(this.show);
-      }
 
-      this.$emit("action");
+const emit = defineEmits<{
-    },
+  (e: "action"): void;
-  },
+}>();
+
+const layoutStore = useLayoutStore();
+
+const action = () => {
+  if (layoutStore.show) {
+    // TODO: is not very pretty
+    layoutStore.showHover(layoutStore.show as string);
+  }
+
+  emit("action");
 };
 </script>
-
-<style></style>