From 64e3239566345e5531e8faa2b0becb3251706d28 Mon Sep 17 00:00:00 2001
From: Johann150 <johann.galle@protonmail.com>
Date: Fri, 7 Oct 2022 11:28:49 +0200
Subject: [PATCH] client: refactor super-menu component to composition API

---
 .../client/src/components/ui/super-menu.vue   | 41 ++++++++++++-------
 1 file changed, 27 insertions(+), 14 deletions(-)

diff --git a/packages/client/src/components/ui/super-menu.vue b/packages/client/src/components/ui/super-menu.vue
index 852c71bf7..1ac4dc9bc 100644
--- a/packages/client/src/components/ui/super-menu.vue
+++ b/packages/client/src/components/ui/super-menu.vue
@@ -23,21 +23,34 @@
 </div>
 </template>
 
-<script lang="ts">
-import { defineComponent } from 'vue';
+<script lang="ts" setup>
+type MenuItem = {
+	text: string;
+	icon?: string;
+	danger?: boolean;
+	active?: boolean;
+	i?: number;
+} & (
+	{
+		type: 'a';
+		href: string;
+		target?: string;
+	} | {
+		type: 'button';
+		action(MouseEvent): void;
+	} | {
+		to: string;
+	}
+);
 
-export default defineComponent({
-	props: {
-		def: {
-			type: Array,
-			required: true,
-		},
-		grid: {
-			type: Boolean,
-			required: false,
-			default: false,
-		},
-	},
+withDefaults(defineProps<{
+	def: {
+		title?: string;
+		items: MenuItem[];
+	}[];
+	grid?: boolean;
+}>(), {
+	grid: false,
 });
 </script>