import { Component } from '@stencil/core';
@Component({
tag: 'blog-root',
styleUrl: 'blog-root.css'
})
export class BlogRoot {
render() {
return (
<div>
<header class="navbar">
<stencil-route-link url="/">
<section class="navbar-section">
<p id="brand" class="navbar-brand mr-2">BanditoTR</p>
</section>
</stencil-route-link>
<section class="navbar-section">
<a id='github' href="https://github.com/Bandito11" target="_blank">
<ion-icon name="logo-github"></ion-icon>
</a>
<a id='linkedin' href="https://www.linkedin.com/in/esteban-morales-5854b67a/" target="_blank">
<ion-icon name="logo-linkedin"></ion-icon>
</a>
<a id='twitter' href="https://twitter.com/Esteban_PR_11" target="_blank">
<ion-icon name="logo-twitter"></ion-icon>
</a>
</section>
</header>
<main>
<stencil-router>
<stencil-route-switch scrollTopOffset={0}>
<stencil-route url='/' component='table-of-contents' exact={true}></stencil-route>
<stencil-route url='/blogid/:blogid/title/:title' component='blog-page'></stencil-route>
<stencil-route url='/entry' component='blog-entry'></stencil-route>
</stencil-route-switch>
</stencil-router>
</main>
</div>
);
}
}
Hi the snippet posted shows the component table-of-contents on Firefox and Edge but it doesn’t on Safari and Chrome. It shows a blank page.
If I comment the stencil-router it shows the < header > inside as it is supposed too.
The code is at https://www.github.com/Bandito11/banditotr-front
You can check the website at: www.banditotr.com