<template>
  <DefaultLogoutTemplate>
    <template #default>
      <component :is="componentName()" />
    </template>
  </DefaultLogoutTemplate>
</template>

<script>
import DefaultLogoutTemplate from '@inside-layouts/components/templates/DefaultLogoutTemplate'
import ContentPages from './content-pages'

/*
 * |
 * @module tryb-front
 * @type Component
 * @description Component container for register pages
 */
export default {
  name: 'page-register-customs',
  components: { ...ContentPages, DefaultLogoutTemplate },
  props: {
    /*
     * Allow to show the right content in the register page
     */
    pageId: {
      type: String,
      default: 'check-in'
    }
  },
  computed: {
    getSettingsLogo() {
      return this.$store.getters.getInsideSettings('loginpage.logo_loginpage')
    }
  },
  methods: {
    /*
     * Return the component name, build with the page ID
     * @return {String}
     */
    componentName() {
      return `${this.pageId}-register`
    }
  }
}
</script>
