list.js.vue

<script>
import MImageG from '@/bootstrap/components/mix-image/mix-image-big'
import { namespace } from '@/app/series/model'
import { namespace as namespaceSerie } from '@/app/serie/model'
import { short } from '@/bootstrap/utils'

export default {
  name: 'tops-series',
  props: {
    serie_id: {
      default: ''
    },
    title: {
      default: ''
    },
    slug: {
      default: ''
    },
    image: {
      default: ''
    },
    files: {
      default: ''
    },
    visits: {
      default: ''
    },
    downloads: {
      default: ''
    },
    category: {
      default: ''
    },
    categoryName: {
      default: ''
    },
    genres: {
      type: Array,
      default: () => []
    },
    subs: {
      type: Array,
      default: () => []
    },
    manga: {
      type: Boolean,
      default: () => false
    }
  },
  data: () => ({
    namespace,
    namespaceSerie
  }),
  components: {
    MImageG
  },
  methods: {
    short
  }
}
</script>

list.type.vue

<script lang="ts">
import { Component, Vue, Prop } from 'vue-property-decorator'
import MixImageG from '@/bootstrap/components/mix-image/mix-image-big.vue'
import { namespace as name, search } from '@/app/series/model'
import { namespace as nameSerie } from '@/app/serie/model'
import { short } from '@/bootstrap/utils'
import { mintitle } from '@/bootstrap/configs'
@Component({
  name: 'tops-series',
  data: () => ({
    name,
    search,
    mintitle,
    nameSerie
  }),
  components: {
    MixImageG
  },
  methods: {
    short
  }
})
export default class CardSeriesBig extends Vue {
  @Prop({ default: 0 }) serie_id!: number
  @Prop({ default: '' }) title!: string
  @Prop({ default: '' }) slug!: string
  @Prop({ default: '' }) image!: string
  @Prop({ default: 0 }) files!: number
  @Prop({ default: 0 }) visits!: number
  @Prop({ default: 0 }) downloads!: number
  @Prop({ default: '' }) category!: string
  @Prop({ default: '' }) categoryName!: string
  @Prop({ default: () => [] }) genres!: object[]
  @Prop({ default: () => [] }) subs!: object[]
  @Prop({ default: () => false }) manga!: boolean
}
</script>