reusable header

app/components/dashboard/header.vue

@@ -0,0 +1,25 @@
+<script setup lang="ts">
+import { literal, string } from 'zod';
+
+
+    const props = defineProps({
+        title: {
+            type: String,
+            required: false,
+            default: "Title"
+        }
+    })
+</script>
+
+<template>
+    <UHeader :title="props.title" toggle-side="left">
+        <template #toggle>
+            <!---<UDashboardSidebarCollapse />-->
+            <UDashboardSidebarToggle />
+        </template>
+    </UHeader>
+</template>
+
+<style scoped>
+
+</style>