og-image/src/App.vue

<template>
  <div class="">
    <TopMenu />
    <main class="py-6 grid grid-cols-1 gap-y-8 lg:py-12 lg:grid-cols-[1fr_2fr] lg:gap-x-20">
      <RouterView />
    </main>
  </div>
</template>

<script>
import TopMenu from './base/TopMenu'

export default {
  components: {
    TopMenu,
  },
  watch: {
    '$route' (to) {
      document.title = to.meta.title || 'OG:IMAGE'
    }
  },
}
</script>