---
import Layout from "../../layouts/Layout.astro";
import Menu from "../../components/Menu.astro";
import BlogHeroSearch from "../../components/BlogHeroSearch.vue";
import BlogFilter from "../../components/BlogFilter.vue";
import Blog from "../../components/Blog.vue";
import Footer from "../../components/Footer.vue";
---

<Layout  title="Welcome to Astro.">
    <Menu/>
    <BlogHeroSearch client:visible/>
    <BlogFilter client:visible/>
    <Blog client:visible/>
    <Footer/>

</Layout>

<script>
    // let apiLink = "https://management.beanstalkedu.com/items/worksheet_menu"
    // fetch (apiLink)
    // .then(x => x.json())
    // .then(y => document.getElementById("demo").innerHTML = y.data[2].file);
</script>