From cbf730e9ef7c1e0c97512205c1e7b5b5ad8a2803 Mon Sep 17 00:00:00 2001
From: Sharrod Hines <hines-sharrod@users.noreply.github.com>
Date: Thu, 26 Apr 2018 12:03:24 -0400
Subject: [PATCH 1/2] Add to "## Basic functionality: Add tasks"

As I was working through the tutorial I could not figure out why my list would not show up. I think it would be wise to make sure it is stated not to forget to set a height on the <ListView> component.
---
 content/docs/en/getting-started/2-playground-tutorial.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/content/docs/en/getting-started/2-playground-tutorial.md b/content/docs/en/getting-started/2-playground-tutorial.md
index 5f5fdc5c..9b082d57 100644
--- a/content/docs/en/getting-started/2-playground-tutorial.md
+++ b/content/docs/en/getting-started/2-playground-tutorial.md
@@ -185,7 +185,7 @@ Use a `<ListView>` to show tasks below the input field.
 1. Configure the positioning of the elements within the grid.
     * Set the `<TextField>` to inhabit the first column and the first row.
     * Set the `<Button>` to inhabit the second column and the first row.
-1. Clean up sample code from the `<TextField>` and the `<ListView>`.
+1. Clean up sample code from the `<TextField>` and the `<ListView>` but make sure to set a height for the `<ListView`.
 1. Log newly added tasks in the console.
 1. Add newly added tasks into the array of tasks. Use `unshift` to place new items at the top of the page.
 1. Clear the text field after input.
@@ -225,7 +225,7 @@ new Vue({
               <TextField row="0" col="0" v-model="textFieldValue" hint="Enter text..." editable="true" @returnPress="onButtonTap" /> <!-- Configures the text field and ensures that pressing Return on the keyboard produces the same result as tapping the button. -->
               <Button row="0" col="1" text="Add task" @tap="onButtonTap" />
             </GridLayout>
-            <ListView for="todo in todos" @itemTap="onItemTap">
+            <ListView for="todo in todos" @itemTap="onItemTap" height=""> <!-- Make sure to set a height or your list will not show -->
               <v-template>
                 <Label :text="todo.name" />
               </v-template>
@@ -337,4 +337,4 @@ new Vue({
   `,
 
 }).$start();
-```
\ No newline at end of file
+```

From 209a372384d4c051fa1077375c0e296528906bf1 Mon Sep 17 00:00:00 2001
From: Sharrod Hines <hines-sharrod@users.noreply.github.com>
Date: Thu, 26 Apr 2018 12:07:57 -0400
Subject: [PATCH 2/2] Fixed a misspelling

I forgot the > add the end of my List View component.
---
 content/docs/en/getting-started/2-playground-tutorial.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/docs/en/getting-started/2-playground-tutorial.md b/content/docs/en/getting-started/2-playground-tutorial.md
index 9b082d57..cd14c63f 100644
--- a/content/docs/en/getting-started/2-playground-tutorial.md
+++ b/content/docs/en/getting-started/2-playground-tutorial.md
@@ -185,7 +185,7 @@ Use a `<ListView>` to show tasks below the input field.
 1. Configure the positioning of the elements within the grid.
     * Set the `<TextField>` to inhabit the first column and the first row.
     * Set the `<Button>` to inhabit the second column and the first row.
-1. Clean up sample code from the `<TextField>` and the `<ListView>` but make sure to set a height for the `<ListView`.
+1. Clean up sample code from the `<TextField>` and the `<ListView>` but make sure to set a height for the `<ListView>`.
 1. Log newly added tasks in the console.
 1. Add newly added tasks into the array of tasks. Use `unshift` to place new items at the top of the page.
 1. Clear the text field after input.