{"version":3,"file":"CoinIcon-1346a998.js","sources":["../../../app/javascript/components/CoinIcon.vue"],"sourcesContent":["<template>\n  <img\n    v-if=\"coin && !errorLoading\"\n    loading=\"lazy\"\n    alt=\"...\"\n    :src=\"iconURL\"\n    :class=\"[styleClass, 'inline rounded-full']\"\n    @error=\"errorLoading = true\"\n  />\n  <div v-else-if=\"!coin || errorLoading\" class=\"inline rounded-full bg-gray-600\" :class=\"styleClass\"></div>\n</template>\n<script setup>\nimport { computed, ref } from 'vue';\nconst props = defineProps({\n  coin: { type: String },\n  styleClass: { type: String, default: 'mr-2' }\n});\nconst iconURL = computed(() => {\n  return `https://terminal.cloudfront.thetie.io/coin_images/${props.coin}.png`;\n});\nconst errorLoading = ref(false);\n</script>\n"],"names":["iconURL","computed","props","errorLoading","ref"],"mappings":"kNAiBMA,EAAUC,EAAS,IAChB,qDAAqDC,EAAM,IAAI,MACvE,EACKC,EAAeC,EAAI,EAAK"}