Sreesanth46
diff --git a/‎packages/docs/.vuepress/src/client/components/ScssDocs.vue
Copy file name to clipboardExpand all lines: packages/docs/.vuepress/src/client/components/ScssDocs.vue
+1-1Lines changed: 1 addition & 1 deletion b/‎packages/docs/.vuepress/src/client/components/ScssDocs.vue
Copy file name to clipboardExpand all lines: packages/docs/.vuepress/src/client/components/ScssDocs.vue
+1-1Lines changed: 1 addition & 1 deletion
diff --git a/‎packages/docs/.vuepress/src/client/layouts/Layout.vue
Copy file name to clipboardExpand all lines: packages/docs/.vuepress/src/client/layouts/Layout.vue
+10-2Lines changed: 10 additions & 2 deletions b/‎packages/docs/.vuepress/src/client/layouts/Layout.vue
Copy file name to clipboardExpand all lines: packages/docs/.vuepress/src/client/layouts/Layout.vue
+10-2Lines changed: 10 additions & 2 deletions
diff --git a/‎packages/docs/.vuepress/src/shared/page.ts
Copy file name to clipboardExpand all lines: packages/docs/.vuepress/src/shared/page.ts
+1Lines changed: 1 addition & 0 deletions b/‎packages/docs/.vuepress/src/shared/page.ts
Copy file name to clipboardExpand all lines: packages/docs/.vuepress/src/shared/page.ts
+1Lines changed: 1 addition & 0 deletions
@@ -22,7 +22,7 @@ export default defineComponent({
     }
 
     const files = import.meta.glob(`../../../../../../node_modules/@coreui/coreui/scss/**/*.scss`, {
-      as: 'raw',
+      query: '?raw',
       eager: true,
     })
     const file = files[`../../../../../../node_modules/@coreui/coreui/scss/${props.file}`]
 
@@ -13,8 +13,15 @@
           <main class="docs-main order-1">
             <div class="docs-intro ps-lg-4">
               <Banner />
-              <h1 className="docs-title" id="content">{{ title }}</h1>
-              <p class="docs-lead">{{ description }}</p>
+              <div v-if="name && name !== title" class="d-flex flex-column">
+                <h1 class="order-2 h5 mb-4 text-body-secondary" id="content">
+                  {{ title }}
+                </h1>
+                <h2 class="docs-title order-1 h1">{{ name }}</h2>
+              </div>
+              <h1 v-else class="docs-title" id="content">
+                {{ title }}
+              </h1>
               <Ads />
               <OtherFrameworks />
             </div>
@@ -56,6 +63,7 @@ const scrollPromise = useScrollPromise()
 const onBeforeEnter = scrollPromise.resolve
 const onBeforeLeave = scrollPromise.pending
 
+const name = frontmatter.value.name
 const title = frontmatter.value.title
 const description = frontmatter.value.description
 
 
@@ -9,6 +9,7 @@ export interface DefaultThemePageFrontmatter {
   home?: boolean
   navbar?: boolean
   pageClass?: string
+  name?: string
 }
 
 export interface DefaultThemeHomePageFrontmatter
Original file line number	Diff line number	Diff line change
`@@ -22,7 +22,7 @@ export default defineComponent({`
`22`	`22`	`}`
`23`	`23`
`24`	`24`	const files = import.meta.glob(`../../../../../../node_modules/@coreui/coreui/scss/*/.scss`, {
`25`		`- as: 'raw',`
	`25`	`+ query: '?raw',`
`26`	`26`	`eager: true,`
`27`	`27`	`})`
`28`	`28`	const file = files[`../../../../../../node_modules/@coreui/coreui/scss/${props.file}`]
Original file line number	Diff line number	Diff line change
`@@ -9,6 +9,7 @@ export interface DefaultThemePageFrontmatter {`
`9`	`9`	`home?: boolean`
`10`	`10`	`navbar?: boolean`
`11`	`11`	`pageClass?: string`
	`12`	`+ name?: string`
`12`	`13`	`}`
`13`	`14`
`14`	`15`	`export interface DefaultThemeHomePageFrontmatter`