From 7b90befca3247140df27561e49e9acb10ae0d193 Mon Sep 17 00:00:00 2001
From: Muhibbudin Suretno <muhibbudinsuretno1@gmail.com>
Date: Thu, 21 Jun 2018 21:48:46 +0700
Subject: [PATCH 1/2] Update 2-playground-tutorial.md

Hi there,

I've followed this tutorial and I think on the function to add Todo does not validate user input for empty string.

So i'm propose some minor change.

Thank you
---
 content/docs/en/getting-started/2-playground-tutorial.md | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/content/docs/en/getting-started/2-playground-tutorial.md b/content/docs/en/getting-started/2-playground-tutorial.md
index e2348d95..2e249da9 100644
--- a/content/docs/en/getting-started/2-playground-tutorial.md
+++ b/content/docs/en/getting-started/2-playground-tutorial.md
@@ -229,6 +229,7 @@ new Vue({
       console.log('Task with index: ' + args.index + ' tapped'); // Logs tapped tasks in the console for debugging.
     },
     onButtonTap() {
+      if (this.textFieldValue === "") return // Prevent user input empty string
       console.log("New task added: " + this.textFieldValue + "."); // Logs the newly added task in the console for debugging.
       this.todos.unshift({ name: this.textFieldValue }); // Adds tasks in the ToDo array. Newly added tasks are immediately shown on the screen. 
       this.textFieldValue = ""; // Clears the text field so that users can start adding new tasks immediately.
@@ -638,7 +639,7 @@ To implement a style particularly for the text of active tasks, you can set an `
 1. In `app.js`, on line 67, set an `id` for the `<Label>` that represents active tasks and enable text wrapping. Enabling text wrapping ensures that longer text shows properly in your list
 
   ```HTML
-  <Label id="active-task" :text="todo.name" textWrap="true" >
+  <Label id="active-task" :text="todo.name" textWrap="true" />
   ```
 1. On line 65, add the `separatorColor` property and set it to `transparent`. This way, the separator will no longer appear in your list.
 
@@ -701,4 +702,4 @@ This section applies the basic NativeScript knowledge from [Advanced design: Sty
   #completed-list {
     margin-top: 20;    
   }
-  ```
\ No newline at end of file
+  ```

From 6f508823e04f6b1bac3e1bdae56bd1c1637cd33e Mon Sep 17 00:00:00 2001
From: Muhibbudin Suretno <muhibbudinsuretno1@gmail.com>
Date: Mon, 25 Jun 2018 17:37:14 +0700
Subject: [PATCH 2/2] Fix typo at line of code

---
 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 2e249da9..06553731 100644
--- a/content/docs/en/getting-started/2-playground-tutorial.md
+++ b/content/docs/en/getting-started/2-playground-tutorial.md
@@ -229,7 +229,7 @@ new Vue({
       console.log('Task with index: ' + args.index + ' tapped'); // Logs tapped tasks in the console for debugging.
     },
     onButtonTap() {
-      if (this.textFieldValue === "") return // Prevent user input empty string
+      if (this.textFieldValue === "") return; // Prevents users from entering an empty string.
       console.log("New task added: " + this.textFieldValue + "."); // Logs the newly added task in the console for debugging.
       this.todos.unshift({ name: this.textFieldValue }); // Adds tasks in the ToDo array. Newly added tasks are immediately shown on the screen. 
       this.textFieldValue = ""; // Clears the text field so that users can start adding new tasks immediately.