From 3d80d0997bc53a9c61f86eebf4c311e3b9c1b59e Mon Sep 17 00:00:00 2001
From: Maxime Pauvert <maximepvrt@gmail.com>
Date: Thu, 30 Jan 2025 19:43:01 +0100
Subject: [PATCH 1/3] fix(Header): hide TemplateMenu when logo is set, allow
 logo with alt only

---
 app/components/AppHeader.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/components/AppHeader.vue b/app/components/AppHeader.vue
index ce5a9df..e401dcf 100644
--- a/app/components/AppHeader.vue
+++ b/app/components/AppHeader.vue
@@ -22,7 +22,7 @@ const { header } = useAppConfig()
       </template>
     </UContentSearchButton>
 
-    <template #left>
+    <template v-if="header?.logo?.dark || header?.logo?.light || !header?.logo?.alt" #left>
       <NuxtLink to="/">
         <UColorModeImage
           v-if="header?.logo?.dark || header?.logo?.light"
@@ -37,7 +37,11 @@ const { header } = useAppConfig()
         />
       </NuxtLink>
 
-      <TemplateMenu />
+      <TemplateMenu v-if="!(header?.logo?.dark || header?.logo?.light)" />
+    </template>
+
+    <template v-if="header?.logo?.alt && !(header?.logo?.dark || header?.logo?.light)" #title>
+      {{header?.logo?.alt}}
     </template>
 
     <template #right>

From 59419ac8b7f011eeea96f9917d42a298aec4a440 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Tue, 4 Feb 2025 17:31:14 +0100
Subject: [PATCH 2/3] up

---
 app/app.config.ts            |  2 ++
 app/components/AppHeader.vue | 43 ++++++++++++++++++++----------------
 nuxt.schema.ts               | 14 ++++++++++++
 3 files changed, 40 insertions(+), 19 deletions(-)

diff --git a/app/app.config.ts b/app/app.config.ts
index 9375940..3266358 100644
--- a/app/app.config.ts
+++ b/app/app.config.ts
@@ -17,6 +17,8 @@ export default defineAppConfig({
     siteName: 'Nuxt UI Pro - Docs template'
   },
   header: {
+    title: 'Nuxt UI Pro',
+    to: '/',
     logo: {
       alt: '',
       light: '',
diff --git a/app/components/AppHeader.vue b/app/components/AppHeader.vue
index e401dcf..60f98e3 100644
--- a/app/components/AppHeader.vue
+++ b/app/components/AppHeader.vue
@@ -7,7 +7,11 @@ const { header } = useAppConfig()
 </script>
 
 <template>
-  <UHeader :ui="{ center: 'flex-1' }">
+  <UHeader
+    :ui="{ center: 'flex-1' }"
+    :title="header?.title"
+    :to="header?.to"
+  >
     <UContentSearchButton
       v-if="header?.search"
       label="Search..."
@@ -22,26 +26,27 @@ const { header } = useAppConfig()
       </template>
     </UContentSearchButton>
 
-    <template v-if="header?.logo?.dark || header?.logo?.light || !header?.logo?.alt" #left>
-      <NuxtLink to="/">
-        <UColorModeImage
-          v-if="header?.logo?.dark || header?.logo?.light"
-          :light="header?.logo?.light!"
-          :dark="header?.logo?.dark!"
-          :alt="header?.logo?.alt"
-          class="h-6 w-auto shrink-0"
-        />
-        <LogoPro
-          v-else
-          class="w-auto h-6 shrink-0"
-        />
-      </NuxtLink>
-
-      <TemplateMenu v-if="!(header?.logo?.dark || header?.logo?.light)" />
+    <template
+      v-if="header?.logo?.dark || header?.logo?.light"
+      #title
+    >
+      <UColorModeImage
+        :light="header?.logo?.light!"
+        :dark="header?.logo?.dark!"
+        :alt="header?.logo?.alt"
+        class="h-6 w-auto shrink-0"
+      />
     </template>
 
-    <template v-if="header?.logo?.alt && !(header?.logo?.dark || header?.logo?.light)" #title>
-      {{header?.logo?.alt}}
+    <template
+      v-else
+      #left
+    >
+      <NuxtLink :to="header?.to || '/'">
+        <LogoPro class="w-auto h-6 shrink-0" />
+      </NuxtLink>
+
+      <TemplateMenu />
     </template>
 
     <template #right>
diff --git a/nuxt.schema.ts b/nuxt.schema.ts
index 157e6c4..ed05adb 100644
--- a/nuxt.schema.ts
+++ b/nuxt.schema.ts
@@ -93,6 +93,20 @@ export default defineNuxtSchema({
       description: 'Header configuration.',
       icon: 'i-mdi-page-layout-header',
       fields: {
+        title: field({
+          type: 'string',
+          title: 'Title',
+          description: 'Title to display in the header.',
+          icon: 'i-mdi-format-title',
+          default: ''
+        }),
+        to: field({
+          type: 'string',
+          title: 'To',
+          description: 'URL to redirect to when the title is clicked.',
+          icon: 'i-mdi-link-variant',
+          default: ''
+        }),
         logo: group({
           title: 'Logo',
           description: 'Header logo configuration.',

From fa9c7cfb5658e90a486bba46a604519c9c80e3fd Mon Sep 17 00:00:00 2001
From: Baptiste Leproux <leproux.baptiste@gmail.com>
Date: Wed, 5 Feb 2025 17:36:57 +0100
Subject: [PATCH 3/3] fix: move title in template

---
 app/app.config.ts            |  2 +-
 app/components/AppHeader.vue | 10 +++++++---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/app/app.config.ts b/app/app.config.ts
index 3266358..0d6823d 100644
--- a/app/app.config.ts
+++ b/app/app.config.ts
@@ -17,7 +17,7 @@ export default defineAppConfig({
     siteName: 'Nuxt UI Pro - Docs template'
   },
   header: {
-    title: 'Nuxt UI Pro',
+    title: '',
     to: '/',
     logo: {
       alt: '',
diff --git a/app/components/AppHeader.vue b/app/components/AppHeader.vue
index 60f98e3..485a458 100644
--- a/app/components/AppHeader.vue
+++ b/app/components/AppHeader.vue
@@ -9,8 +9,7 @@ const { header } = useAppConfig()
 <template>
   <UHeader
     :ui="{ center: 'flex-1' }"
-    :title="header?.title"
-    :to="header?.to"
+    :to="header?.to || '/'"
   >
     <UContentSearchButton
       v-if="header?.search"
@@ -27,15 +26,20 @@ const { header } = useAppConfig()
     </UContentSearchButton>
 
     <template
-      v-if="header?.logo?.dark || header?.logo?.light"
+      v-if="header?.logo?.dark || header?.logo?.light || header?.title"
       #title
     >
       <UColorModeImage
+        v-if="header?.logo?.dark || header?.logo?.light"
         :light="header?.logo?.light!"
         :dark="header?.logo?.dark!"
         :alt="header?.logo?.alt"
         class="h-6 w-auto shrink-0"
       />
+
+      <span v-else-if="header?.title">
+        {{ header.title }}
+      </span>
     </template>
 
     <template