client: refactor super-menu component to composition API

packages/client/src/components/ui/super-menu.vue

@@ -23,21 +23,34 @@
 </div>
 </template>
 
-<script lang="ts">
+<script lang="ts" setup>
-import { defineComponent } from 'vue';
+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({
+withDefaults(defineProps<{
-	props: {
+	def: {
-		def: {
+		title?: string;
-			type: Array,
+		items: MenuItem[];
-			required: true,
+	}[];
-		},
+	grid?: boolean;
-		grid: {
+}>(), {
-			type: Boolean,
+	grid: false,
-			required: false,
-			default: false,
-		},
-	},
 });
 </script>