From 7ea3b9aee99a0d869c2f56b6b7d01a80c410f924 Mon Sep 17 00:00:00 2001
From: Geoff Doty <n2geoff@gmail.com>
Date: Wed, 19 Jun 2019 17:44:44 -0400
Subject: [PATCH] fixes issue where components were being loaded twice

---
 app/index.html                | 14 ++++++++------
 app/tags/about.tag.html       | 23 +++++++++++++++++++++++
 app/tags/layout/page.tag.html |  7 +++++++
 3 files changed, 38 insertions(+), 6 deletions(-)
 create mode 100644 app/tags/about.tag.html
 create mode 100644 app/tags/layout/page.tag.html

diff --git a/app/index.html b/app/index.html
index 2fa3113..cff681f 100644
--- a/app/index.html
+++ b/app/index.html
@@ -28,11 +28,11 @@
     <![endif]-->
 
     <!-- Add your site or application content here -->
-    <div class="layout page">
-        <div class="stack">
-            <Header></Header>
-            <div id="view"></div>
-            <Footer></Footer>
+    <div class="layout">
+        <div class="content">
+            <Page>
+                <div id="view"></div>
+            </Page>
         </div>
     </div>
 
@@ -41,13 +41,15 @@
     <!-- endbuild -->
 
     <!-- build:js js/tags.min.js -->
+    <script type="riot/tag" src="tags/layout/page.tag.html"></script>
     <script type="riot/tag" src="tags/layout/header.tag.html"></script>
     <script type="riot/tag" src="tags/layout/footer.tag.html"></script>
     <script type="riot/tag" src="tags/home.tag.html"></script>
+    <script type="riot/tag" src="tags/about.tag.html"></script>
     <!-- endbuild -->
 
     <!-- mount all included tags -->
-    <script>riot.mount('*');</script>
+    <script>riot.mount('Page');</script>
 
     <!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
     <script>
diff --git a/app/tags/about.tag.html b/app/tags/about.tag.html
new file mode 100644
index 0000000..81aaa43
--- /dev/null
+++ b/app/tags/about.tag.html
@@ -0,0 +1,23 @@
+<About>
+
+    <section>
+        <h3>RiotJS</h3>
+        <blockquote class="block"><code>version: 3.x</code> </blockquote>
+    </section>
+
+    <section>
+        <h3>Routing</h3>
+        <p>
+            By default <code>riot-route</code> is included in this starter kit, but can easily be replaced
+            with your own solution. This is just an example.
+
+            Links are prefiex with a hash <code>#</code>, so the about page becomes
+            <code>href="#/about"</code>
+            You can see how that translates in the browser bar of this page
+        </p>
+        <blockquote class="blockquote">
+            Normally, routes are stored in a <code>routes.js</code> file; for simplicity
+            this example defines them in the <code>app/app.js</code>.
+        </blockquote>
+    </section>
+</About>
diff --git a/app/tags/layout/page.tag.html b/app/tags/layout/page.tag.html
new file mode 100644
index 0000000..0d91d99
--- /dev/null
+++ b/app/tags/layout/page.tag.html
@@ -0,0 +1,7 @@
+<Page>
+    <div>
+        <Header></Header>
+        <yield />
+        <Footer></Footer>
+    </div>
+</Page>
\ No newline at end of file