app/layouts/freemium.vue

<template>
  <div>
    <!-- Show the loading page -->
    <client-only placeholder-tag="client-only-placeholder" placeholder=" " />

    <v-app>
      <LayoutLoadingScreen />

      <LayoutHeader />

      <v-main class="main">

        <!-- Page will be rendered here-->
        <div class="inner-container">
          <h3>{{ pageTitle }}</h3>

          <slot />
        </div>
      </v-main>

      <LazyLayoutAlertContainer />
    </v-app>
  </div>
</template>

<script setup lang="ts">
import { useLayoutStore } from '~/stores/layout'

const layoutStore = useLayoutStore()
layoutStore.name = 'freemium'

const route = useRoute()
const i18n = useI18n()

const pageTitle = computed(() => i18n.t(route.name || 'freemium_page'))
</script>

<style scoped lang="scss">
.inner-container {
  max-width: 1200px;
  margin: 0 auto;

  h3 {
    margin: 36px 0 18px 2%;
  }
}
</style>