add vue school links to supplement component documentation with video… (#1119)

danielkellyio · naokie · commit 8f52329d30b6 · 2021-11-14T10:45:10.000+09:00
* add vue school links to supplement component documentation with video courses

* link sfc doc to sfc intro lesson instead of course since only first lesson is free
diff --git a/src/guide/component-basics.md b/src/guide/component-basics.md
@@ -1,5 +1,7 @@
 # コンポーネントの基本
 
+<VideoLesson href="https://vueschool.io/courses/vue-js-3-components-fundamentals?friend=vuejs" title="Free Vue.js Components Fundamentals Course">Learn component basics with a free video course on Vue School</VideoLesson>
+
 ## 基本例
 
 Vue コンポーネントの例を次に示します:
diff --git a/src/guide/component-props.md b/src/guide/component-props.md
@@ -2,6 +2,8 @@
 
 > このページは、すでに[コンポーネントの基本](component-basics.md)を読んだことを前提としています。コンポーネントに慣れていない場合は、まずはそちらをお読みください。
 
+<VideoLesson href="https://vueschool.io/lessons/vue-3-reusable-components-with-props?friend=vuejs" title="Free Vue.js Component Props Lesson">Learn how component props work with a free lesson on Vue School</VideoLesson>
+
 ## プロパティの型
 
 ここまでは、プロパティを文字列の配列として列挙してきました。
diff --git a/src/guide/component-registration.md b/src/guide/component-registration.md
@@ -1,5 +1,7 @@
 # コンポーネントの登録
 
+<VideoLesson href="https://vueschool.io/lessons/vue-3-global-vs-local-vue-components?friend=vuejs" title="Free Vue.js Component Registration lesson">Learn how component registration works with a free lesson on Vue School</VideoLesson>
+
 > このページは [コンポーネントの基本](component-basics.md) を読み終えている事を想定しています。もし読み終えていなければ先にそちらをお読みください。
 
 ## コンポーネント名
diff --git a/src/guide/component-slots.md b/src/guide/component-slots.md
@@ -2,6 +2,8 @@
 
 > このページはすでに [コンポーネントの基本](component-basics.md) を読んでいる事を前提としています。コンポーネントをよく知らない方はそちらを先にお読みください。
 
+<VideoLesson href="https://vueschool.io/lessons/vue-3-component-slots?friend=vuejs" title="Free Vue.js Slots lesson">Learn slot basics with a free lesson on Vue School</VideoLesson>
+
 ## スロットコンテンツ
 
 Vue には [Web Components spec draft](https://github.com/w3c/webcomponents/blob/gh-pages/proposals/Slots-Proposal.md) にヒントを得たコンテンツ配信 API が実装されており、 `<slot>` 要素をコンテンツ配信の受け渡し口として利用します。
diff --git a/src/guide/single-file-component.md b/src/guide/single-file-component.md
@@ -1,5 +1,7 @@
 # 単一ファイルコンポーネント
 
+<VideoLesson href="https://vueschool.io/lessons/vue-3-introduction-to-single-file-components?friend=vuejs" title="Free Vue.js Single File Components Lesson">Learn about single file components with a free video lesson on Vue School</VideoLesson>
+
 ## 前書き
 
 Vue 単一ファイルコンポーネント（別名 `*.vue` ファイル、 **SFC** と省略）は、Vue コンポーネントのテンプレート、ロジック、そして **スタイル** を 1 つのファイルにまとめることができる特別なファイル形式です。これが SFC の例です:
