v-alter-sleeves

alter sleeve ad component for vue / vuetify

This component library comes with four components:

VAlterSleeves

props

printing: { // printing the alter is for
  type: Object,
  default: () => ({
    code: 'war',
    number: '53',
    lang: 'en',
  })
},
alterist: { // who made the alter
  type: String,
  default: 'SumNeuron'
},
alter: { // numeric ID of the alter
  type: Number,
  default: 152601
},
scale: { // scale of image size
  type: Number,
  default: 0.75
},
purchaseURL: { // where you can buy the alter
  type: String,
  default: 'https://www.altersleeves.com/product/god-eternal-kefnet-war-of-the-spark-promos-sumneuron'
},
glare: { // whether to apply glare to alter
  type: Boolean,
  default: false
}

VAlterSleevesBox

props

printing: { // printing the alter is for
  type: Object,
  default: () => ({
    code: 'war',
    number: '53',
    lang: 'en',
  })
},
alterist: { // who made the alter
  type: String,
  default: 'SumNeuron'
},
alter: { // numeric ID of the alter
  type: Number,
  default: 152601
},
scale: { // scale of image size
  type: Number,
  default: 0.75
},
purchaseURL: { // where you can buy the alter
  type: String,
  default: 'https://www.altersleeves.com/product/god-eternal-kefnet-war-of-the-spark-promos-sumneuron'
},
show: { // whether or not show the ad
  type: Boolean,
  default: true
},
elevated: { // whether or not is has a shadow
  type: Boolean,
  default: true
},
glare: { // whether to apply glare to alter
  type: Boolean,
  default: false
}

events

• click:close

slots

• header (where name of the alter and close button are)
• button (where close button is)
• default (where the alter is)
• action (where the button to AS is)

VAlterSleevesLogo

The logo

VAlterSleevesCloseBtn

The close button