docs: add example

docs/content/3.guide/1.writing/7.document-driven.md

@@ -195,6 +195,40 @@ definePageMeta({
 </script>
 ```
 
+### Config content
+
+You can pass custom path/query to `page` and `surround` options to config documentDriven content.
+
+```html
+<script setup lang="ts">
+definePageMeta({
+  documentDriven: {
+    // Simple Path
+    page: '/foo',
+    // Rich Query
+    surround: {
+      _path: '/foo/bar'
+    }
+  }
+})
+</script>
+```
+
+::alert
+If you change `page` option and leave `surround` unset, `surround` option will use same config and `page`.
+```html
+<script setup lang="ts">
+definePageMeta({
+  documentDriven: {
+    page: {
+      _path: '/foo/bar'
+    },
+    // surround will use `{ _path: '/foo/bar' }`
+  }
+})
+</script>
+```
+::
 
 ## Example