<template>
  <div>
    <fp-item-text v-if="item.t === 'text'" :scale="scale" :item="item" />
    <fp-item-image v-if="item.t === 'image'" :scale="scale" :item="item" />
    <fp-item-avatar v-if="item.t === 'avatar'" :scale="scale" :item="item" />
    <fp-item-qrcode v-if="item.t === 'qrcode'" :scale="scale" :item="item" />
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
import FpItemAvatar from "./item/FpItemAvatar"
import FpItemImage from "./item/FpItemImage"
import FpItemQrcode from "./item/FpItemQrcode"
import FpItemText from "./item/FpItemText"

export default {
  name: "FpPosterItem",
  components: {
    FpItemText,
    FpItemAvatar,
    FpItemQrcode,
    FpItemImage,
  },
  data() {
    return {
    }
  },
  props: {
    item: {
      type: Object,
      default: () => { }
    },
  },

  computed: {
    ...mapGetters({
      'scale': 'poster/scale',
    }),
  },

  methods: {

  }

}
</script>
<style scoped>
</style>
