{"version":3,"sources":["webpack:///./src/views/Bitcoin.vue?4b4e","webpack:///./src/views/Bitcoin.vue?7d3c","webpack:///src/views/Bitcoin.vue","webpack:///./src/views/Bitcoin.vue?3fa5","webpack:///./src/views/Bitcoin.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","_v","staticClass","_l","currency","key","id","_s","description","domProps","symbol","_f","rate_float","staticRenderFns","info","loading","errored","a","get","then","response","data","bpi","catch","error","console","log","finally","filters","value","toFixed","component"],"mappings":"2GAAA,W,kECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,KAAK,CAACJ,EAAIM,GAAG,mBAAoBN,EAAW,QAAEI,EAAG,UAAU,CAACA,EAAG,IAAI,CAACJ,EAAIM,GAAG,uGAAuGF,EAAG,UAAU,CAAEJ,EAAW,QAAEI,EAAG,MAAM,CAACJ,EAAIM,GAAG,gBAAgBF,EAAG,MAAM,CAACG,YAAY,aAAaP,EAAIQ,GAAIR,EAAQ,MAAE,SAASS,GAAU,OAAOL,EAAG,MAAM,CAACM,IAAID,EAASE,GAAGJ,YAAY,YAAY,CAACP,EAAIM,GAAG,IAAIN,EAAIY,GAAGH,EAASI,aAAa,MAAMT,EAAG,OAAO,CAACG,YAAY,WAAW,CAACH,EAAG,OAAO,CAACU,SAAS,CAAC,UAAYd,EAAIY,GAAGH,EAASM,WAAWf,EAAIM,GAAGN,EAAIY,GAAGZ,EAAIgB,GAAG,kBAAPhB,CAA0BS,EAASQ,aAAa,YAAW,QAChrBC,EAAkB,G,qBC2BP,GACb,OACE,MAAO,CACLC,KAAM,KACNC,SAAS,EACTC,SAAS,IAGb,UACE,EAAAC,EACGC,IAAI,qDACJC,KAAKC,GAAaxB,KAAKkB,KAAOM,EAASC,KAAKC,KAC5CC,MAAMC,IACLC,QAAQC,IAAIF,GACZ5B,KAAKoB,SAAU,IAEhBW,QAAQ,IAAO/B,KAAKmB,SAAU,IAEnCa,QAAS,CACP,gBAAgBC,GACd,OAAOA,EAAMC,QAAQ,MChDqK,I,wBCQ5LC,EAAY,eACd,EACArC,EACAmB,GACA,EACA,KACA,WACA,MAIa,aAAAkB,E","file":"js/bitcoin.bb4a32cd.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Bitcoin.vue?vue&type=style&index=0&id=683dee7e&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h1',[_vm._v(\"Bitcoin price\")]),(_vm.errored)?_c('section',[_c('p',[_vm._v(\" We're sorry, we're not able to retrieve this information at the moment, please try back later \")])]):_c('section',[(_vm.loading)?_c('div',[_vm._v(\"Loading...\")]):_c('div',{staticClass:\"container\"},_vm._l((_vm.info),function(currency){return _c('div',{key:currency.id,staticClass:\"currency\"},[_vm._v(\" \"+_vm._s(currency.description)+\": \"),_c('span',{staticClass:\"lighten\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(currency.symbol)}}),_vm._v(_vm._s(_vm._f(\"currencydecimal\")(currency.rate_float))+\" \")])])}),0)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <h1>Bitcoin price</h1>\r\n    <section v-if=\"errored\">\r\n      <p>\r\n        We're sorry, we're not able to retrieve this information at the moment,\r\n        please try back later\r\n      </p>\r\n    </section>\r\n\r\n    <section v-else>\r\n      <div v-if=\"loading\">Loading...</div>\r\n      <div v-else class=\"container\">\r\n        <div v-for=\"currency in info\" :key=\"currency.id\" class=\"currency\">\r\n          {{ currency.description }}:\r\n          <span class=\"lighten\">\r\n            <span v-html=\"currency.symbol\"></span\r\n            >{{ currency.rate_float | currencydecimal }}\r\n          </span>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport axios from \"axios\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      info: null,\r\n      loading: true,\r\n      errored: false\r\n    };\r\n  },\r\n  mounted() {\r\n    axios\r\n      .get(\"https://api.coindesk.com/v1/bpi/currentprice.json\")\r\n      .then(response => (this.info = response.data.bpi))\r\n      .catch(error => {\r\n        console.log(error);\r\n        this.errored = true;\r\n      })\r\n      .finally(() => (this.loading = false));\r\n  },\r\n  filters: {\r\n    currencydecimal(value) {\r\n      return value.toFixed(2);\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.container {\r\n  padding: 20px;\r\n  border: 1px solid silver;\r\n  background: black;\r\n  color: whitesmoke;\r\n  border-radius: 20px;\r\n  max-width: 550px;\r\n  font-size: 200%;\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Bitcoin.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Bitcoin.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Bitcoin.vue?vue&type=template&id=683dee7e&scoped=true&\"\nimport script from \"./Bitcoin.vue?vue&type=script&lang=js&\"\nexport * from \"./Bitcoin.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Bitcoin.vue?vue&type=style&index=0&id=683dee7e&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"683dee7e\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}