App.vue

<template>
  <div class="bg-gray-500 flex flex-col min-h-screen">
    <Header /><!-- //height 32 -->
    <div class="flex-1 flex w-2/3 mx-auto p-4 text-lg bg-white h-full shadow-lg">
      <div class="w-3/5">
        <router-view :key="$route.fullPath" />
      </div>
      <div class="w-2/5">
        <LatestPosts />
      </div>
    </div>
  </div>
</template>

<script>
import Header from "@/components/site/header/Header.vue";
import LatestPosts from "@/components/blog/LatestPosts.vue"
export default {
  components: {
    Header,
    LatestPosts
  }
};
</script>

<style></style>