rv-dynamic-component.vue

// want to go over
 // 1 - use of functional components
 // 2 - dynamic component `component :is`
<template functional>
  <header
    :class="[
      `${props.blockName}__text-head`,
      {'gls-download-content__text-head--no-msg':
        props.blockName === 'gls-download-content' && !props.commentMessage}]"
  >
    <component
      :is="props.startWithH2 ? 'h2' : 'h1'"
      class="text-head__title"
    >
      {{ props.headerText[0] }}
    </component>
    <component
      :is="props.startWithH2 ? 'h3' : 'h2'"
      class="text-head__subtitle"
    >
      {{ props.headerText[1] }}
    </component>
  </header>
</template>