From 1442eaa0f1d3ad0bc0781e7fe7afd9dc974d791e Mon Sep 17 00:00:00 2001
From: Rio Chandra <riochandra4@gmail.com>
Date: Fri, 19 Feb 2021 15:20:02 +0700
Subject: [PATCH 1/5] Update nested directory components

https://github.com/nuxt/components#nested-components
---
 .../guides/directory-structure/components.md  | 30 ++++++++-----------
 1 file changed, 12 insertions(+), 18 deletions(-)

diff --git a/content/en/guides/directory-structure/components.md b/content/en/guides/directory-structure/components.md
index 19f44d4330..d9cc58674a 100644
--- a/content/en/guides/directory-structure/components.md
+++ b/content/en/guides/directory-structure/components.md
@@ -153,46 +153,40 @@ If you have components in nested directories such as:
 ```bash
 components/
   base/
-    Button.vue
+      foo/
+         Button.vue
 ```
 
-The component name will be based on its own filename. Therefore, the component will be:
+The component name will be based on its own path directory and filename. Therefore, the component will be:
 
 ```html
-<button />
+<BaseFooButton />
 ```
 
-We recommend you use the directory name in the filename for clarity:
+However, if you want to use custom prefix, then you can use the `prefix` option in `nuxt.config` to add a prefix to all components in a specific folder.
 
 ```bash
 components/
   base/
-    BaseButton.vue
-```
-
-However, if you want to keep the filename as `Button.vue`, then you can use the `prefix` option in `nuxt.config` to add a prefix to all components in a specific folder.
-
-```bash
-components/
-  base/
-   Button.vue
+      foo/
+         Button.vue
 ```
 
 ```bash{}[nuxt.config.js]
 components: {
   dirs: [
-    '~/components',
+    '~/components', // shortcut to { path: '~/components' }
       {
-        path: '~/components/base/',
-        prefix: 'Base'
+        path: '~/components/base/foo/',
+        prefix: 'awesome'
       }
   ]
 }
 ```
 
-And now in your template you can use `BaseButton` instead of `Button` without having to make changes to the name of your `Button.vue` file.
+And now in your template you can use `AwesomeButton` instead of `BaseFooButton`.
 
 ```html{}[pages/index.vue]
-<BaseButton />
+<FooButton />
 ```
 <base-alert type="next">Learn more about the [components module](/blog/improve-your-developer-experience-with-nuxt-components).</base-alert>

From b55e8d88962f8fe9b914e8307b1bcd235a04b8f8 Mon Sep 17 00:00:00 2001
From: Rio Chandra <riochandra4@gmail.com>
Date: Fri, 19 Feb 2021 15:24:01 +0700
Subject: [PATCH 2/5] Update missing typo

---
 content/en/guides/directory-structure/components.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/en/guides/directory-structure/components.md b/content/en/guides/directory-structure/components.md
index d9cc58674a..ff8ea5f0a3 100644
--- a/content/en/guides/directory-structure/components.md
+++ b/content/en/guides/directory-structure/components.md
@@ -187,6 +187,6 @@ components: {
 And now in your template you can use `AwesomeButton` instead of `BaseFooButton`.
 
 ```html{}[pages/index.vue]
-<FooButton />
+<AwesomeButton />
 ```
 <base-alert type="next">Learn more about the [components module](/blog/improve-your-developer-experience-with-nuxt-components).</base-alert>

From 340bef82ab135821c43075ad1f7f96f8a5d0e3db Mon Sep 17 00:00:00 2001
From: Rio Chandra <riochandra4@gmail.com>
Date: Wed, 24 Feb 2021 11:30:59 +0700
Subject: [PATCH 3/5] Fix prefix sub folder

---
 content/en/guides/directory-structure/components.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/content/en/guides/directory-structure/components.md b/content/en/guides/directory-structure/components.md
index ff8ea5f0a3..8edd4bdf14 100644
--- a/content/en/guides/directory-structure/components.md
+++ b/content/en/guides/directory-structure/components.md
@@ -178,15 +178,15 @@ components: {
     '~/components', // shortcut to { path: '~/components' }
       {
         path: '~/components/base/foo/',
-        prefix: 'awesome'
+        prefix: 'foo'
       }
   ]
 }
 ```
 
-And now in your template you can use `AwesomeButton` instead of `BaseFooButton`.
+And now in your template you can use `FooButton` instead of `BaseFooButton`.
 
 ```html{}[pages/index.vue]
-<AwesomeButton />
+<FooButton />
 ```
 <base-alert type="next">Learn more about the [components module](/blog/improve-your-developer-experience-with-nuxt-components).</base-alert>

From 6dc996041eb99596ed55168408c7b3d2fe56ff8c Mon Sep 17 00:00:00 2001
From: pooya parsa <pyapar@gmail.com>
Date: Wed, 24 Feb 2021 09:09:49 +0100
Subject: [PATCH 4/5] simplify more

---
 content/en/guides/directory-structure/components.md | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/content/en/guides/directory-structure/components.md b/content/en/guides/directory-structure/components.md
index 8edd4bdf14..4308d72c45 100644
--- a/content/en/guides/directory-structure/components.md
+++ b/content/en/guides/directory-structure/components.md
@@ -175,11 +175,8 @@ components/
 ```bash{}[nuxt.config.js]
 components: {
   dirs: [
-    '~/components', // shortcut to { path: '~/components' }
-      {
-        path: '~/components/base/foo/',
-        prefix: 'foo'
-      }
+    '~/components',
+    '~/components/base'
   ]
 }
 ```

From 569ea12f4cb80947e272e7400f3cb97d3cfa15da Mon Sep 17 00:00:00 2001
From: pooya parsa <pyapar@gmail.com>
Date: Wed, 24 Feb 2021 09:11:43 +0100
Subject: [PATCH 5/5] Update components.md

---
 content/en/guides/directory-structure/components.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/en/guides/directory-structure/components.md b/content/en/guides/directory-structure/components.md
index 4308d72c45..7811697e68 100644
--- a/content/en/guides/directory-structure/components.md
+++ b/content/en/guides/directory-structure/components.md
@@ -163,7 +163,7 @@ The component name will be based on its own path directory and filename. Therefo
 <BaseFooButton />
 ```
 
-However, if you want to use custom prefix, then you can use the `prefix` option in `nuxt.config` to add a prefix to all components in a specific folder.
+However, if you want to use custom directory strcture that should not be part of component name, can explicitly specify these directories: 
 
 ```bash
 components/