From 761a97e5249da98bd6a53c006b50af0293de1c15 Mon Sep 17 00:00:00 2001
From: Jason Jan Ngo <ngo.jason@gmail.com>
Date: Thu, 11 May 2023 16:44:26 +0800
Subject: [PATCH 1/4] added documentation on customizing the logo

---
 .docs/content/1.introduction/4.configuration.md | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/.docs/content/1.introduction/4.configuration.md b/.docs/content/1.introduction/4.configuration.md
index 9cd3805d2..787255227 100644
--- a/.docs/content/1.introduction/4.configuration.md
+++ b/.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>
+```

From e27b5133c94a9e9c2e4aa410512f9ea879090dac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Chopin?= <seb@nuxtlabs.com>
Date: Tue, 16 May 2023 13:35:11 +0200
Subject: [PATCH 2/4] Update .docs/content/1.introduction/4.configuration.md

---
 .docs/content/1.introduction/4.configuration.md | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/.docs/content/1.introduction/4.configuration.md b/.docs/content/1.introduction/4.configuration.md
index 787255227..c348b3cb9 100644
--- a/.docs/content/1.introduction/4.configuration.md
+++ b/.docs/content/1.introduction/4.configuration.md
@@ -135,10 +135,6 @@ export default defineAppConfig({
 
 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"/>

From b4771c5b56e64e254f38188f0a8d43203af2dc90 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Chopin?= <seb@nuxtlabs.com>
Date: Tue, 16 May 2023 13:35:20 +0200
Subject: [PATCH 3/4] Apply suggestions from code review

---
 .docs/content/1.introduction/4.configuration.md | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/.docs/content/1.introduction/4.configuration.md b/.docs/content/1.introduction/4.configuration.md
index c348b3cb9..115f75c0b 100644
--- a/.docs/content/1.introduction/4.configuration.md
+++ b/.docs/content/1.introduction/4.configuration.md
@@ -133,10 +133,12 @@ export default defineAppConfig({
 
 ## 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`.
+To update the logo in the header, create a component in `components/Logo.vue` with your own logo.
+
+In this example, the image is located at `/public/img`.
 
 ```
 <template>
-    <img width="120" src="/img/YOURLOGO.png"/>
+  <img width="120" src="/img/YOURLOGO.png"/>
 </template>
 ```

From 5ee833ad8502bf077e445051c5a259677208401e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Chopin?= <seb@nuxtlabs.com>
Date: Tue, 16 May 2023 13:35:38 +0200
Subject: [PATCH 4/4] Update .docs/content/1.introduction/4.configuration.md

---
 .docs/content/1.introduction/4.configuration.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.docs/content/1.introduction/4.configuration.md b/.docs/content/1.introduction/4.configuration.md
index 115f75c0b..66599a894 100644
--- a/.docs/content/1.introduction/4.configuration.md
+++ b/.docs/content/1.introduction/4.configuration.md
@@ -137,7 +137,7 @@ To update the logo in the header, create a component in `components/Logo.vue` wi
 
 In this example, the image is located at `/public/img`.
 
-```
+```vue [components/Logo.vue]
 <template>
   <img width="120" src="/img/YOURLOGO.png"/>
 </template>