Router.push implemented for other pages

Author: sanjeetkumaritoutlook-user

src/components/app-home-page/app-home-page.tsx

@@ -15,10 +15,18 @@ export class AppHome {
           <a href="https://stenciljs.com">stenciljs.com</a> to get started.
         </p>
         <div>
-        <h1>Pages</h1>
-        <a href="/web-components">StencilJS componennts</a><br/>
-        <a href="/posts-dashboard">Posts dashboard</a>
+        <h1>Pages</h1>      
         </div>
+        <button
+          onClick={() => Router.push('/web-components')}
+        >
+          StencilJS componennts
+        </button>
+        <button
+          onClick={() => Router.push('/posts-dashboard')}
+        >
+         Posts dashboard
+        </button>
         <button
           onClick={() => Router.push('/profile/sanjeet')}
         >

src/components/app-root/app-root.tsx

@@ -26,11 +26,13 @@ export class AppRoot {
               <app-home-page />
             </Route>
 
-            <Route path={/^\/posts-dashboard/}>
+            <Route 
+             path={/^\/posts-dashboard/}>
             <posts-dashboard></posts-dashboard>
             </Route> 
 
-            <Route path={/^\/web-components/}>
+            <Route
+             path={/^\/web-components/   }>
             <web-components></web-components>
             </Route>