change color

src/components/dashboard/PageHeader.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { cn } from '@/lib/utils';
 import { VNode } from 'vue';
-import VueHead from '@/components/VueHead';
 
 interface Breadcrumb {
   label: string;
@@ -16,7 +15,7 @@ interface Action {
 }
 
 interface Props {
-  title: string;
+  title: string | VNode;
   description?: string;
   breadcrumbs?: Breadcrumb[];
   actions?: Action[];
@@ -67,8 +66,8 @@ const getButtonClass = (variant?: string) => {
     <!-- Title & Actions -->
     <div class="flex items-start justify-between gap-4 flex-wrap">
       <div class="flex-1 min-w-0">
-        <h1 class="text-3xl font-bold text-gray-900 mb-1">{{ title }}</h1>
-        <vue-head :input="{ title, meta: [{ name: 'description', content: description || '' }] }" />
+        <h1 v-if="typeof props.title == 'string'" class="text-3xl font-bold text-gray-900 mb-1">{{ title }}</h1>
+        <component v-else :is="title" />
         <p v-if="description" class="text-gray-600">{{ description }}</p>
       </div>