From acf54c05681fb9fa5fcafcf0ac61ef4d7306530d Mon Sep 17 00:00:00 2001
From: Ben Hong <ben@bencodezen.io>
Date: Fri, 25 Sep 2020 09:39:59 -0400
Subject: [PATCH 1/3] fix (#516): update codepen example for modal component

---
 src/examples/modal.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/examples/modal.md b/src/examples/modal.md
index bc314697b9..b903f0c192 100644
--- a/src/examples/modal.md
+++ b/src/examples/modal.md
@@ -2,8 +2,8 @@
 
 > Features used: component, prop passing, content insertion, transitions.
 
-<p class="codepen" data-height="300" data-theme-id="39028" data-default-tab="css,result" data-user="Vue" data-slug-hash="BaKoeXe" data-preview="true" data-editable="true" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="Vue 3 Markdown Editor">
-  <span>See the Pen <a href="https://codepen.io/team/Vue/pen/BaKoeXe">
+<p class="codepen" data-height="300" data-theme-id="39028" data-default-tab="js,result" data-user="Vue" data-slug-hash="mdPoyvv" data-preview="true" data-editable="true" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="Vue 3 Markdown Editor">
+  <span>See the Pen <a href="https://codepen.io/team/Vue/pen/mdPoyvv">
   Vue 3 Markdown Editor</a> by Vue (<a href="https://codepen.io/Vue">@Vue</a>)
   on <a href="https://codepen.io">CodePen</a>.</span>
 </p>

From 76ec66db1022b3a4d5967c7efaa1169748095b50 Mon Sep 17 00:00:00 2001
From: Ben Hong <ben@bencodezen.io>
Date: Fri, 25 Sep 2020 09:59:38 -0400
Subject: [PATCH 2/3] fix (#516): update modal component title

---
 src/examples/modal.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/examples/modal.md b/src/examples/modal.md
index b903f0c192..f442ede42e 100644
--- a/src/examples/modal.md
+++ b/src/examples/modal.md
@@ -2,9 +2,9 @@
 
 > Features used: component, prop passing, content insertion, transitions.
 
-<p class="codepen" data-height="300" data-theme-id="39028" data-default-tab="js,result" data-user="Vue" data-slug-hash="mdPoyvv" data-preview="true" data-editable="true" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="Vue 3 Markdown Editor">
+<p class="codepen" data-height="300" data-theme-id="39028" data-default-tab="js,result" data-user="Vue" data-slug-hash="mdPoyvv" data-preview="true" data-editable="true" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="Vue 3 Modal Component">
   <span>See the Pen <a href="https://codepen.io/team/Vue/pen/mdPoyvv">
-  Vue 3 Markdown Editor</a> by Vue (<a href="https://codepen.io/Vue">@Vue</a>)
+  Vue 3 Modal Component</a> by Vue (<a href="https://codepen.io/Vue">@Vue</a>)
   on <a href="https://codepen.io">CodePen</a>.</span>
 </p>
 <script async src="https://static.codepen.io/assets/embed/ei.js"></script>

From 48d1955dd40bc7241e33f28a2a403c8493a144ab Mon Sep 17 00:00:00 2001
From: Ben Hong <ben@bencodezen.io>
Date: Fri, 25 Sep 2020 09:59:51 -0400
Subject: [PATCH 3/3] fix (#516): update grid component example

---
 src/examples/grid-component.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/examples/grid-component.md b/src/examples/grid-component.md
index 34d53f837d..d546d6358a 100644
--- a/src/examples/grid-component.md
+++ b/src/examples/grid-component.md
@@ -2,9 +2,9 @@
 
 > This is an example of creating a reusable grid component and using it with external data.
 
-<p class="codepen" data-height="300" data-theme-id="39028" data-default-tab="js,result" data-user="Vue" data-slug-hash="zYqvQgw" data-preview="true" data-editable="true" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="Vue 3 Elastic Draggable Header Example">
-  <span>See the Pen <a href="https://codepen.io/team/Vue/pen/zYqvQgw">
-  Vue 3 Elastic Draggable Header Example</a> by Vue (<a href="https://codepen.io/Vue">@Vue</a>)
+<p class="codepen" data-height="300" data-theme-id="39028" data-default-tab="js,result" data-user="Vue" data-slug-hash="BaKbowJ" data-preview="true" data-editable="true" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="Vue 3 Grid Component Example">
+  <span>See the Pen <a href="https://codepen.io/team/Vue/pen/BaKbowJ">
+  Vue 3 Grid Component Example</a> by Vue (<a href="https://codepen.io/Vue">@Vue</a>)
   on <a href="https://codepen.io">CodePen</a>.</span>
 </p>
 <script async src="https://static.codepen.io/assets/embed/ei.js"></script>