From bd896c638f8046f6546b5b32e8f98f3707aa8d05 Mon Sep 17 00:00:00 2001
From: Leo <38490578+yuyinws@users.noreply.github.com>
Date: Wed, 8 Jan 2025 16:07:25 +0800
Subject: [PATCH] fix(theme): includes text to h1 tag for hero page (#4472)

closes #4453
---
 src/client/theme-default/components/VPHero.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/client/theme-default/components/VPHero.vue b/src/client/theme-default/components/VPHero.vue
index 9fc1f396..fc80cb6c 100644
--- a/src/client/theme-default/components/VPHero.vue
+++ b/src/client/theme-default/components/VPHero.vue
@@ -29,10 +29,10 @@ const heroImageSlotExists = inject('hero-image-slot-exists') as Ref<boolean>
       <div class="main">
         <slot name="home-hero-info-before" />
         <slot name="home-hero-info">
-          <h1 v-if="name" class="name">
-            <span v-html="name" class="clip"></span>
+          <h1>
+            <span v-if="name" v-html="name" class="name clip"></span>
+            <span v-if="text" v-html="text" class="text"></span>
           </h1>
-          <p v-if="text" v-html="text" class="text"></p>
           <p v-if="tagline" v-html="tagline" class="tagline"></p>
         </slot>
         <slot name="home-hero-info-after" />
@@ -127,6 +127,7 @@ const heroImageSlotExists = inject('hero-image-slot-exists') as Ref<boolean>
 
 .name,
 .text {
+  display: inline-block;
   max-width: 392px;
   letter-spacing: -0.4px;
   line-height: 40px;