From 8de66600e2b8a614d2fe3bfa50c67330a2e25707 Mon Sep 17 00:00:00 2001
From: Aris Merchant <wizkarim@gmail.com>
Date: Wed, 4 Nov 2020 11:47:23 -0800
Subject: [PATCH] Improve formatting of teleport.md

This switches a link to using VideoLesson, which should make
it look a lot better. It also fixes a small punctuation typo.
---
 src/guide/teleport.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/guide/teleport.md b/src/guide/teleport.md
index ad94504c50..5e65865271 100644
--- a/src/guide/teleport.md
+++ b/src/guide/teleport.md
@@ -1,6 +1,6 @@
 # Teleport
 
-<div class="vueschool"><a href="https://vueschool.io/lessons/vue-3-teleport?friend=vuejs" target="_blank" rel="sponsored noopener" title="Learn how to use teleport with Vue School">Learn how to use teleport with a free lesson on Vue School</a></div>
+<VideoLesson href="https://vueschool.io/lessons/vue-3-teleport?friend=vuejs" title="Learn how to use teleport with Vue School">Learn how to use teleport with a free lesson on Vue School</VideoLesson>
 
 Vue encourages us to build our UIs by encapsulating UI and related behavior into components. We can nest them inside one another to build a tree that makes up an application UI.
 
@@ -140,4 +140,4 @@ A common use case scenario would be a reusable `<Modal>` component of which ther
 </div>
 ```
 
-You can check `<teleport>` component options in the [API reference](../api/built-in-components.html#teleport)
+You can check `<teleport>` component options in the [API reference](../api/built-in-components.html#teleport).