From cb3def395de8e7124544b5acea365e4e76424f98 Mon Sep 17 00:00:00 2001
From: John Abraham <31211464+dravog7@users.noreply.github.com>
Date: Wed, 4 Mar 2020 16:53:37 +0530
Subject: [PATCH] a note about Capitalized component variable name

Added a note about component variable names to section 1,chapter 5 of tutorial.
---
 .../tutorial/01-introduction/05-nested-components/text.md | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/site/content/tutorial/01-introduction/05-nested-components/text.md b/site/content/tutorial/01-introduction/05-nested-components/text.md
index f1406f93db..b3bc293be4 100644
--- a/site/content/tutorial/01-introduction/05-nested-components/text.md
+++ b/site/content/tutorial/01-introduction/05-nested-components/text.md
@@ -19,4 +19,10 @@ Add a `<script>` tag that imports `Nested.svelte`...
 <Nested/>
 ```
 
-Notice that even though `Nested.svelte` has a `<p>` element, the styles from `App.svelte` don't leak in.
\ No newline at end of file
+Notice that even though `Nested.svelte` has a `<p>` element, the styles from `App.svelte` don't leak in.
+
+**NOTE**: The component variable names (such as `Nested`) should be Capitalized
+
+- `when?`: When used as tags in markup.
+
+- `Why?`: To avoid conflicts between html tags and user defined component tags, this convention has been adapted.