Updated Riot example

Author: qathom

examples/phonon-and-riot/src/tags/app.riot

@@ -13,29 +13,28 @@
         PageTwo,
       },
       onMounted() {
-        setTimeout(() => {
-          phonon.options({
-            navigator: {
-              defaultPage: 'home',
-              animatePages: true,
-              enableBrowserBackButton: true,
-              templateRootDirectory: './tpl',
-            },
-            i18n: null, // for this example, we do not use internationalization
-          });
-          const app = phonon.navigator();
+        phonon.options({
+          navigator: {
+            defaultPage: 'home',
+            animatePages: true,
+            enableBrowserBackButton: true,
+            templateRootDirectory: './tpl',
+          },
+          i18n: null, // for this example, we do not use internationalization
+        });
 
-          app.on({ page: 'home', preventClose: false, content: null });
+        const app = phonon.navigator();
 
-          app.on({
-            page: 'pagetwo',
-            preventClose: true,
-            content: null,
-            readyDelay: 1,
-          });
+        app.on({ page: 'home', preventClose: false, content: null });
 
-          app.start();
-        }, 1000);
+        app.on({
+          page: 'pagetwo',
+          preventClose: true,
+          content: null,
+          readyDelay: 1,
+        });
+
+        app.start();
       },
     };
   </script>

examples/phonon-and-riot/src/tags/home.riot

@@ -7,13 +7,13 @@
     </header>
     <div class="content">
       <ul class="list">
-          <li class="divider">Select a pizza</li>
-          <li><a class="padded-list" href="#!pagetwo/margherita">Margherita</a></li>
-          <li><a class="padded-list" href="#!pagetwo/calzone">Cheese Calzone</a></li>
-          <li><a class="padded-list" href="#!pagetwo/pesto">Pesto Pizza</a></li>
-          <li><a class="padded-list" href="#!pagetwo/roma">Roma</a></li>
-          <li><a class="padded-list" href="#!pagetwo/prosciutto">Prosciutto</a></li>
-          <li><a class="padded-list" href="#!pagetwo/funghi">Funghi</a></li>
+        <li class="divider">Select a pizza</li>
+        <li><a class="padded-list" href="#!pagetwo/margherita">Margherita</a></li>
+        <li><a class="padded-list" href="#!pagetwo/calzone">Cheese Calzone</a></li>
+        <li><a class="padded-list" href="#!pagetwo/pesto">Pesto Pizza</a></li>
+        <li><a class="padded-list" href="#!pagetwo/roma">Roma</a></li>
+        <li><a class="padded-list" href="#!pagetwo/prosciutto">Prosciutto</a></li>
+        <li><a class="padded-list" href="#!pagetwo/funghi">Funghi</a></li>
       </ul>
     </div>
   </div>

examples/phonon-and-riot/src/tags/pagetwo.riot

@@ -20,7 +20,7 @@
 
     <script>
       import phonon from 'phonon/dist/js/phonon-core';
-      import dialogs from '../../../../dist/js/components/dialogs';
+      import dialogs from 'phonon/dist/js/components/dialogs';
 
       const { alert } = dialogs();