<template>
<div class="container-fluid bg-white mx-auto mt-3  p-0">
    <div v-if="isLoading">
        <h2 class="ml-28 text-4xl">Loading ...</h2>
    </div>
    <div v-else>
        <div v-html="page[0].content" class="container mx-auto">

        </div>
    </div>
</div>
</template>

<script>
export default {
    data() {
        return {
            page: null,
            isLoading: true
        }
    },
    mounted: function () {
        fetch('https://api8.siliconpin.com/items/scc22?filter[slug][_eq]=' + this.$route.params.id)
        // fetch('https://api8.siliconpin.com/items/scc22?slug=about-us')
            .then(response => response.json())
            .then(data => {
          this.page = data.data
          console.log(data)
          this.isLoading = false
        })
    }
}
</script>