fix(title): fixed cheatsheet title issue. (#6)

* Replace custom component with CSS when VitePress wrap title in span tag

* fix(title): fixed title for cheatsheet

---------

Co-authored-by: Deep Kumbhare <kumbharedeep85@gmail.com>

content/.vitepress/config.mts

@@ -53,7 +53,7 @@ export default defineConfig({
   themeConfig: {
     logo: { src: '/vue-cheatsheet-logo.png', alt: 'Vue Cheatsheet' },
 
-    siteTitle: false,
+    siteTitle: 'Vue Cheatsheet',
     search: {
       provider: 'local',
       options: {

content/.vitepress/theme/custom.scss

@@ -46,7 +46,6 @@
     }
 }
 
-
 /* Style home logo */
 .VPContent.is-home .VPHomeHero .VPImage {
     width: 100%;
@@ -74,6 +73,6 @@
 }
 
 // Enable below after: https://github.com/vuejs/vitepress/pull/3522
-// .VPNav:has(~ .is-home) .title > span {
-//     display: none;
-// }
+.VPNav:has(~ .is-home) .title > span {
+  display: none;
+}

content/.vitepress/theme/index.ts

@@ -1,7 +1,6 @@
 import DefaultTheme from 'vitepress/theme';
 import { h } from 'vue';
 import DocFooter from './components/DocFooter.vue';
-import SiteTitle from './components/SiteTitle.vue';
 import SubscribeAlert from './components/SubscribeAlert.vue';
 import HomeVueThemesCallOut from './components/VueThemesCallOut.vue';
 import './custom.scss';
@@ -13,7 +12,6 @@ export default {
         return h(DefaultTheme.Layout, null, {
             'home-features-before': h(HomeVueThemesCallOut),
             'doc-after': h(DocFooter),
-            'nav-bar-title-after': h(SiteTitle),
             'home-hero-before': h(SubscribeAlert)
         })
     }

package.json

@@ -12,7 +12,7 @@
     "postcss": "^8.4.33",
     "sass": "^1.69.7",
     "tailwindcss": "^3.4.1",
-    "vitepress": "1.0.0-rc.36"
+    "vitepress": "1.0.0-rc.44"
   },
   "dependencies": {
     "markdown-it-mathjax3": "^4.3.2",