From 52fcf73be050cd099501adf2db2c6e7bc7ff9f7e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Grzegorz=20Ku=C4=87mierz?= <gkucmierz@gmail.com>
Date: Thu, 7 Dec 2023 04:01:07 +0100
Subject: [PATCH] show price

---
 src/components/HelloWorld.vue | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
index e242f34..74e718a 100644
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@@ -1,9 +1,28 @@
 <script setup>
-import { ref } from 'vue'
+import { ref } from 'vue';
+
+const get = async (url) => {
+  const response = await fetch(url);
+  return await response.json();
+};
+
+const price = ref();
+
+const fetchPrice = () => {
+  get('https://blockchain.info/tobtc?currency=USD&value=1').then(res => {
+    price.value = (1 / res).toFixed(2);
+    console.log(price.value);
+  }).finally(err => {
+    setTimeout(fetchPrice, 15e3);
+  });
+};
+
+fetchPrice();
+
 </script>
 
 <template>
-  hello
+  1 BTC = {{ price }} USD
 </template>
 
 <style scoped>