Fix korean translation, add proper lang property to html tag

Author: rigor789

build/index.js

@@ -1,4 +1,5 @@
 const path = require('path');
+const fs = require('fs');
 
 const Metalsmith = require('metalsmith');
 const multimatch = require('multimatch');
@@ -206,4 +207,8 @@ Metalsmith(cwd)
     if (err) {
       throw err;
     }
+    const fpath = path.join(cwd, 'content/links_failed.json')
+    if (fs.existsSync(fpath)) {
+      console.log(fs.readFileSync(fpath).toString())
+    }
   });

build/plugins/locales.js

@@ -32,7 +32,7 @@ function plugin(opts) {
     const otherLocales = locales.filter(l => l !== defaultLocale);
 
     // builds out the file structure for all the other locales
-    otherLocales.forEach((locale) => {
+    process.env.CREATE_MISSING && otherLocales.forEach((locale) => {
       requiredFiles.forEach((file) => {
         const original_file = file.replace('{LOCALE}', defaultLocale);
         const original_file_path = path.resolve(sourcePath, original_file);

content/docs/ko/getting-started/1-quick-start.md

@@ -8,18 +8,18 @@ NativeScript-Vue를 쉽게 사용해보고 싶다면, [NativeScript Playground](
 이미 여러분의 로컬 머신에서 작업할 준비가 되었고, [네이티브 개발을 위한 시스템](/ko/docs/getting-started/installation)이 준비되었다면 템플릿을 사용하여 시작할 수 있습니다.
 
 ```shell
-$ tns create my-app --template nativescript-vue-template
-$ cd my-app
+$ $ npm install -g @vue/cli @vue/cli-init
+$ vue init nativescript-vue/vue-cli-template <project-name>
+$ cd <project-name>
+$ npm install
 ```
 
 그리고나면 당신의 앱을 다음처럼 열 수 있습니다.
 
 ```shell
-$ tns run android # 안드로이드의 경우
+$ npm run watch:<platform>
 ```
 
-```shell
-$ tns run ios # iOS의 경우
-```
+`<platform>`: `ios` | `android`.
 
 사용가능한 템플릿의 더 자세한 정보는 [템플릿 문서](/ko/docs/getting-started/templates)를 참고하세요.

content/docs/ko/getting-started/2-playground-tutorial.md

@@ -0,0 +1,82 @@
+---
+title: Sample Tasks for the Playground
+contributors: [ikoevska]
+---
+
+If you want to explore the [NativeScript Playground](https://play.nativescript.org?template=play-vue), you can start by creating a simple to-do app with the following requirements:
+
+* Basic design
+  * Two-tab layout
+  * One tab shows active tasks and lets you add new tasks
+  * Second tab lists completed tasks
+* (Coming soon) Basic functionality
+  * (Coming soon) Add tasks: Users can add tasks as text
+  * (Coming soon) View tasks
+      * (Coming soon) Newly added tasks are listed as active and can be tapped
+      * (Coming soon) Completed tasks are listed on a separate tab
+  * (Coming soon) Complete tasks: Tapping an active task completes it and moves it to the other tab
+  * (Coming soon) Delete tasks: Tapping an "X" button removes active or completed tasks
+* (Coming soon) Advanced functionality
+  * (Coming soon) Schedule tasks: Users can set deadlines for tasks by picking a date from a calendar widget
+  * (Coming soon) Manage tasks in bulk
+
+> **TIP:** All sections of this tutorial contain a *Some NativeScript basics* and *Requirement implementation* sub-sections. You can skip the basics sub-section and jump straight to the implementation for a more hands-on approach.
+
+## The bare Vue.js template
+
+![](/screenshots/ns-playground/playground-home.png)
+
+All development effort for this tutorial happens in `app.js` and `app.css`, containing the app functionality and taking care of the app styles, respectively.
+
+The `app.js` for your newly created Vue.js project consists of a simple `template` declaration without any functionality. As you drag and drop user interface components to the app, the Playground also adds a `methods` block and populates it with code containing actual app functionality.
+
+In `app.js`, you'll be working in the `template` block to design the user interface or in the `methods` block to build the app functionality. The `template` block requires NativeScript-compatible XML. The `methods` block accepts both Vue.js and NativeScript JavaScript code.
+
+## Basic design
+
+### Section progress
+
+Here's how your app will look at the start and at the end of this section.
+
+| Initial screen | Tab 1 | Tab 2 |
+|-------|-----|-----|
+| ![Bare Vue.js template](/screenshots/ns-playground/two-tabs-start.jpg) | ![First tab](/screenshots/ns-playground/two-tabs-tab-1.jpg) | ![Second tab](/screenshots/ns-playground/two-tabs-tab-2.jpg) |
+
+### Some NativeScript basics
+
+The `<Page>` element is the top-level user interface element of every NativeScript+Vue.js app. All other user interface elements are nested within.
+
+The `<ActionBar>` element shows an action bar for the `<Page>`. A `<Page>` cannot contain more than one `<ActionBar>`.
+
+Typically, after the `<ActionBar>`, you will have navigation components (such as a drawer or a tab view) or layout components. These elements control the layout of your app and let you determine how to place other user interface elements inside.
+
+### Requirement implementation
+
+Use the `<TabView>` component to create a two-tab app. 
+
+1. Remove the default `<ScrollView>` block and all its contents that come with the template.<br/>`<ScrollView>` components are top-level layout containers for scrollable content.
+1. Drag and drop the `<TabView>` component in its place.<br/>The Playground doesn't apply code formatting and doesn't take care of indentation when inserting new components.
+1. Configure the height of the `<TabView>` to fill the screen (set it to 100%).<br/>On an iOS device the default height setting causes the tabs to show somewhere around the middle of the screen.
+1. Change the titles of the `<TabViewItem>` elements and their contents to reflect their purpose.<br/>At this point, text content for the tabs is shown in `<Label>` components with no styling and formatting. Apply the `textWrap="true"` property to the respective `<Label>` components to improve the visualization of the text.
+
+```JavaScript
+new Vue({
+
+  template: `
+    <Page class="page">
+      <ActionBar title="My Tasks" class="action-bar" />
+      
+      <TabView height="100%">
+        <TabViewItem title="To Do">
+          <Label text="This tab will list active tasks and will let users add new tasks." textWrap="true" />
+        </TabViewItem>
+        <TabViewItem title="Completed">
+          <Label text="This tab will list completed tasks for tracking." textWrap="true" />
+        </TabViewItem>
+      </TabView>
+
+    </Page>
+  `,
+
+}).$start();
+```

content/docs/ko/getting-started/2-installation.md renamed to content/docs/ko/getting-started/3-installation.md

@@ -3,7 +3,7 @@ title: Vue Router
 contributors: [qgp9]
 ---
 
-[수동 라우팅](/ko/docs/routing/manual-routing) 이 당신의 유스-케이스와 잘 맞지 않는다면, 완전히 지원되는 [Vue Router](https://router.vuejs.org/ko) 를 배워보세요.
+[수동 라우팅](/ko/docs/routing/manual-routing) 이 당신의 유스-케이스와 잘 맞지 않는다면, 완전히 지원되는 [Vue Router](https://router.vuejs.org/kr) 를 배워보세요.
 
 ## 설치
 명령줄에서 다음을 실행합니다:
@@ -13,7 +13,7 @@ npm i vue-router --save
 
 ## 사용법
 전체 예제를 설명과 함께 잘라서 봅시다.
-Vue Router에는 더 다양한 트릭들이 있기 때문에 [공식문서](https://router.vuejs.org/ko/)를 꼭 방문해 보세요.
+Vue Router에는 더 다양한 트릭들이 있기 때문에 [공식문서](https://router.vuejs.org/kr)를 꼭 방문해 보세요.
 
 ---
 Vue, VueRouter 를 require 하고, 서로 악수하게 합니다 🤝

content/docs/ko/getting-started/3-templates.md renamed to content/docs/ko/getting-started/4-templates.md

@@ -16,7 +16,7 @@ dest: index.html
                     NativeScript-Vue is the right choice for you!
                 </p>
 
-                <a href="<%= meta.lang(current, null, 'docs/introduction') %>"
+                <a href="/en/docs/introduction"
                    class="px-8 py-4 inline-block bg-green text-white font-bold text-lg no-underline mt-8">
                     Get Started
                 </a>