refactor: rename $theme to $themeConfig to align the naming with vuepress

docs/guide/frontmatter.md

@@ -19,7 +19,7 @@ title: Docs with VitePress
 editLink: true
 ---
 
-# {{ $page.frontmatter.title }}
+# {{ $frontmatter.title }}
 
 Guide content
 ```

docs/guide/global-computed.md

@@ -14,7 +14,7 @@ This is the `$site` value of the site you’re currently reading:
   "locales": {},
   "base": "/",
   "head": [],
-  "themeConfig: $theme
+  "themeConfig: $themeConfig
 }
 ```
 
@@ -55,7 +55,7 @@ Reference of [\$page](#page).frontmatter.
 }
 ```
 
-## \$theme
+## \$themeConfig
 
 Refers to `$site.themeConfig`.
 

src/client/app/index.ts

@@ -92,7 +92,7 @@ export function createApp() {
         return router.route.data.frontmatter
       }
     },
-    $theme: {
+    $themeConfig: {
       get() {
         return siteDataByRouteRef.value.themeConfig
       }

src/client/theme-default/components/NavBarTitle.vue

@@ -5,9 +5,9 @@
     :aria-label="`${$site.title}, back to home`"
   >
     <img
-      v-if="$theme.logo"
+      v-if="$themeConfig.logo"
       class="logo"
-      :src="withBase($theme.logo)"
+      :src="withBase($themeConfig.logo)"
       alt="Logo"
     />
     {{ $site.title }}
@@ -37,7 +37,7 @@ export default defineComponent({
 }
 
 .logo {
-  margin-right: .75rem;
+  margin-right: 0.75rem;
   height: 1.3rem;
   vertical-align: bottom;
 }