feat: support $params in page components

__tests__/e2e/dynamic-routes/[id].md

@@ -1,8 +1,3 @@
-<script setup>
-import { useData } from 'vitepress'
-const { page } = useData()
-</script>
-
 <!-- @content -->
 
-<pre class="params">{{ page.params }}</pre>
+<pre class="params">{{ $params }}</pre>

src/client/app/index.ts

@@ -66,10 +66,17 @@ export async function createApp() {
   app.component('Content', Content)
   app.component('ClientOnly', ClientOnly)
 
-  // expose $frontmatter
+  // expose $frontmatter & $params
-  Object.defineProperty(app.config.globalProperties, '$frontmatter', {
+  Object.defineProperties(app.config.globalProperties, {
-    get() {
+    $frontmatter: {
-      return data.frontmatter.value
+      get() {
+        return data.frontmatter.value
+      }
+    },
+    $params: {
+      get() {
+        return data.page.value.params
+      }
     }
   })