docs: logo customization

.docs/content/1.introduction/4.configuration.md

@@ -130,3 +130,17 @@ export default defineAppConfig({
 | `github.repo`                | `string`   |                  | Name of the GitHub repo to edit files                                                                |
 | `github.owner`               | `string`   |                  | Owner of the repo                                                                                    |
 | `github.edit`                | `boolean`  |                  | Toggle "Edit this page on Github" component on documentation pages                                   |
+
+## Customizing the logo
+
+To update the logo in the header, create a vue component with your own logo. In this example, the image is located at `/public/img`.
+
+```
+/components/Logo.vue
+```
+
+```
+<template>
+    <img width="120" src="/img/YOURLOGO.png"/>
+</template>
+```