commit

app/components/main_header.vue

@@ -0,0 +1,32 @@
+<script setup lang="ts">
+
+
+const props = defineProps({
+  ui_colors: {
+    type: Array,
+    required: true
+  },
+  title: {
+    type: String,
+    required: false,
+    default: "Home"
+  }
+
+})
+
+</script>
+<template>
+ <UHeader :toggle="false" class="bg-zinc-950 mb-4">
+        <template #title>
+          <h2 class="font-bold">{{props.title}}</h2>
+        </template>
+        <template #right>
+            <UColorModeButton />
+            <UDropdownMenu :items="props.ui_colors">
+                <UButton icon="lucide:palette" variant="ghost" color="neutral" />
+            </UDropdownMenu>
+        </template>
+    </UHeader>
+</template>
+
+