ImageDetail-7.vue

<template>
  ...
</template>

<script>
import flickr from '../flickr.js'

export default {
  name: 'imageDetail',
  props: {
    id: String,
  },
  created() {
    this.fetchImageInfo()
    this.fetchImageSizes()
  },
  data() {
    return {
      imageInfo: null,
      imageUrl: null,
    }
  },
  computed: {
    ...
  },
  methods: {
    ...
    fetchImageSizes() {
      return flickr('photos.getSizes', { photo_id: this.id }).then(response => {
        let sizes = response.data.sizes.size
        this.imageUrl = sizes.filter(s => s.label === "Large")[0].source
      })
    }
  }
}
</script>

<style>
  ...
</style>