<template>
  <div class="q-pb-md" v-show="common.active === 'old_meta'">
    <q-card class="statement-print-content no-shadow q-gutter-y-md q-mx-md no-border-radius">
      <div class="q-gutter-y-md bg-white q-px-lg q-pb-md q-pt-sm q-mt-md q-mx-md rounded-borders">
        <FormAuthor :common="common" :model="oldModel" />
        <FormData  :common="common" :model="oldModel" />
      </div>
    </q-card>
  </div>
</template>

<script lang="ts">
import { Vue, Component, Prop } from 'vue-property-decorator';

import { BaseCardCommon } from '@/interfaces';

import FormAuthor from './components/FormAuthor.vue';
import FormData from './components/FormData.vue';

@Component({
  components: {
    FormAuthor,
    FormData,
  }
})
export default class OldMeta extends Vue {
  @Prop() common: BaseCardCommon;
  @Prop() model: any;

  get oldModel() {
    return this.model?.oldMeta
  }
}
</script>
