import Vue from 'vue'
import { Component, Prop } from 'vue-property-decorator'
import { GlobalStore, UserStore } from '@store'

import VueScrollReveal from 'vue-scroll-reveal'
import { tools } from '@src/store/Modules/tools'
import { toolsext } from '@src/store/Modules/toolsext'
import { Screen } from 'quasar'

// Vue.use(VueScrollReveal, {
//   class: 'v-scroll-reveal', // A CSS class applied to elements with the v-scroll-reveal directive; useful for animation overrides.
//   duration: 1200,
//   scale: 0.95,
//   distance: '10px',
//   rotate: {
//     x: 0,
//     y: 0,
//     z: 0
//   }
//   // mobile: true
// })

@Component({
  name: 'CImgTitle'
})
export default class CImgTitle extends Vue {
  @Prop({ required: false, default: '' }) public src: string
  @Prop({ required: false, default: '' }) public title: string
  @Prop({ required: false, default: 0 }) public myheight: number
  @Prop({ required: false, default: 0 }) public myheightmobile: number
  @Prop({ required: false, default: '' }) public legendinside: string
  @Prop({ required: false, default: '' }) public legend: string

  get tools() {
    return tools
  }

  get getsrc() {
    // return this.src
    const filefull = tools.getimgFullpathbysize(this.src)

    return tools.getimgbysize(filefull.path, filefull.file)
  }

  get getaltimg() {
    const filefull = tools.getimgFullpathbysize(this.src)
    return tools.getaltimg(filefull.path, filefull.file, this.title)
  }

}
