<reponame>jordan-kasper/vue-music-app
{"remainingRequest":"/Users/jordan.kasper/Documents/Repositories/vue-music-app/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/jordan.kasper/Documents/Repositories/vue-music-app/src/components/artist.vue?vue&type=style&index=0&id=ca8ea452&scoped=true&lang=css&","dependencies":[{"path":"/Users/jordan.kasper/Documents/Repositories/vue-music-app/src/components/artist.vue","mtime":1581530287365},{"path":"/Users/jordan.kasper/Documents/Repositories/vue-music-app/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/jordan.kasper/Documents/Repositories/vue-music-app/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/Users/jordan.kasper/Documents/Repositories/vue-music-app/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/Users/jordan.kasper/Documents/Repositories/vue-music-app/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/jordan.kasper/Documents/Repositories/vue-music-app/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCi5wYWRkaW5nLWFydGlzdCB7CiAgbWFyZ2luLXJpZ2h0OiA3MHB4Owp9Ci5wYWRkaW5nLXRleHQgewogICAgbWFyZ2luLWxlZnQ6IDgwcHg7Cn0K"},{"version":3,"sources":["artist.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyEA;AACA;AACA;AACA;AACA;AACA","file":"artist.vue","sourceRoot":"src/components","sourcesContent":["<template>\n  <div>\n    <div class=\"col-md-12 text-center padding-artist\">\n      <h4>Artist Info</h4>\n      <br>\n      <img class=\"rounded-circle\" :src=\"artistInfo.picture_medium\" />\n      <br>\n      <br>\n      <br>\n      <div class=\"text-left padding-text\">\n        <h4>{{ artistInfo.name }}</h4>\n        <br>\n        <p><a :href=artistInfo.tracklist>{{ artistInfo.name}} Top 50 Songs</a></p>\n        <p>Number of Albums : {{ artistInfo.nb_album }}</p>\n        <p>Found on the Radio : {{ artistInfo.radio }}</p>\n        <p><a :href=\"artistInfo.share\">Share Artist</a></p>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport axios from 'axios';\n\nexport default {\n  name: 'artist',\n  props: ['artist'],\n\n  data() {\n    return {\n      artistInfo: {},\n    };\n  },\n\n  methods: {\n    /**\n     * Axios API call to search for specific artist based off of ID\n     *\n     */\n    artistQuery() {\n      axios({\n        method: 'GET',\n        // eslint-disable-next-line prefer-template\n        url: 'https://deezerdevs-deezer.p.rapidapi.com/artist/' + this.artist,\n        headers: {\n          'content-type': 'application/octet-stream',\n          'x-rapidapi-host': 'deezerdevs-deezer.p.rapidapi.com',\n          'x-rapidapi-key': 'gfetYKeN6VyxYZCQbYCF4TLt88QQnSoc',\n        },\n        params: {\n          q: 'test',\n        },\n      }).then((response) => {\n        this.artistInfo = response.data;\n      });\n    },\n  },\n\n  watch: {\n    $props: {\n      handler() {\n        this.artistQuery();\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n  components: {\n  },\n};\n</script>\n\n<style scoped>\n.padding-artist {\n  margin-right: 70px;\n}\n.padding-text {\n    margin-left: 80px;\n}\n</style>\n"]}]}