App.html
- components/Footer.html
- components/Header.html
- components/Search.html
<Header/>
<Search id="search-root-element" />
<Footer />
<script type="text/javascript">
import Header from './components/Header.html';
import Search from './components/Search.html';
import Footer from './components/Footer.html';
export default {
components: {
Header,
Search,
Footer
}
}
</script>
import Search from './components/Search.html';
const target = document.querySelector('#search-root-element');
new Search({
target,
hydrate: true
});