xd

package.json

@@ -17,6 +17,7 @@
     "@unhead/vue": "^2.0.14",
     "@vueuse/core": "10.9.0",
     "@vueuse/router": "10.9.0",
+    "axios": "^1.11.0",
     "bulma": "npm:@cssninja/bulma@0.9.4",
     "lightweight-charts": "^5.0.8",
     "node-path": "^0.0.3",
@@ -33,7 +34,7 @@
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.1",
     "@vue/tsconfig": "^0.7.0",
-    "@vueuse/integrations": "10.9.0",
+    "@vueuse/integrations": "^13.7.0",
     "eslint": "8.57.0",
     "eslint-plugin-frontmatter": "0.0.8",
     "eslint-plugin-md": "1.0.19",

src/App.vue

@@ -9,22 +9,32 @@ import { ref } from 'vue';
  * Select your preferred style from the imports below:
  */
 import LWChart from './components/LWChart.vue';
-// import LWChart from './components/options-api/LWChart.vue';
+import {getCandleList} from '/@src/utils/api'
-import candleData from '/@src/utils/data'
 /**
  * Generates sample data for the lightweight chart
  * @param  {Boolean} ohlc Whether generated dat should include open, high, low, and close values
  * @returns {Array} sample data
  */
 
+const socket = new WebSocket("ws://127.0.0.1:8765");
+const sk = new WebSocket("wss://fx-ws.gateio.ws/v4/ws/usdt")
+let oldLow = 9999999999;
+let oldHigh = 0;
+let lock = false
+
+const contract = ref('BTC_USDT')
 const chartOptions = ref({
   layout: {
     textColor: 'black',
     background: { type: 'solid', color: 'white' },
   },
-  height: 500
+  height: 800,
+  timeScale: {
+    timeVisible: true,      // 분/초까지 표시
+    secondsVisible: false   // 초 숨기고 싶으면 false
+  },
 });
-const data = ref(candleData);
+const candleTick = ref([]);
 const seriesOptions = ref({
   upColor: '#26a69a',
   downColor: '#ef5350',
@@ -35,6 +45,81 @@ const seriesOptions = ref({
 const chartType = ref('candlestick');
 const lwChart = ref();
 
+
+onMounted(() => {
+  getCandleList('BTC_USDT', '1m').then(data => {
+    candleTick.value = data
+  })
+
+
+  tradeSocket()
+  candleSocket('1m')
+
+})
+
+const tradeSocket = () => {
+  sk.addEventListener('open', (event) => {
+    sk.send(JSON.stringify({"time" : curToUnix(), "channel" : "futures.trades",
+      "event": "subscribe", "payload" : [contract.value]}))
+  })
+
+  sk.addEventListener('message', (message) => {
+      const getDa = JSON.parse(message.data)
+      if (getDa.event === 'update') {
+        // console.log(getDa.result[0].price)
+
+        if(candleTick.value.length === 0) return
+
+        const lastCandle = candleTick.value[candleTick.value.length - 1]
+
+        const price = parseFloat(getDa.result[0].price);
+        lastCandle.close = price
+        if(oldLow > candleTick.value[candleTick.value.length - 1].close) {
+          lastCandle.low = price
+          oldLow = price;
+        }
+        if(oldHigh < candleTick.value[candleTick.value.length - 1].open) {
+          lastCandle.high = price
+          oldHigh = price;
+        }
+
+        candleTick.value[candleTick.value.length - 1] = lastCandle
+        candleTick.value = [...candleTick.value]
+      }
+  })
+}
+
+const candleSocket = (time) => {
+  socket.addEventListener('open', (event) => {
+    socket.send(JSON.stringify({"type":"subscribe", "channel": contract.value, "time": time}))
+  })
+
+  socket.addEventListener('message', (message) => {
+    lock = true
+    const getDa = JSON.parse(message.data)
+    const msg = JSON.parse(getDa.msg)
+    const tick = msg.data[0]
+    const ticks = candleTick.value
+    if(tick.time !== ticks[ticks.length - 1].time) {
+      // ticks[ticks.length - 1] = tick
+      // candleTick.value = [...ticks]
+    // } else {
+      const ticks = candleTick.value
+      ticks.push(tick)
+      candleTick.value = [...ticks]
+    }
+  })
+}
+
+const timeToUnix = (time) => {
+  return Math.floor(new Date(time).getTime() / 1000);
+}
+
+const curToUnix = (() => {
+  return Math.floor(new Date().getTime() / 1000);
+})
+
+
 function randomShade() {
   return Math.round(Math.random() * 255);
 }
@@ -94,7 +179,7 @@ const changeData = () => {
         newData.reduce((s, c) => {
           return s + c.value;
         }, 0) / newData.length;
-    seriesOptions.value = { baseValue: { type: 'price', price: average } };
+    seriesOptions.value = { baseValue: { type: 'price', price: average, format: 'yyyy-MM-dd HH:mm' } };
   }
 };
 
@@ -117,19 +202,21 @@ const changeType = () => {
 </script>
 
 <template>
-  <div class="chart-container">
+  <div>
-    <LWChart
+    <div class="chart-container">
-        :type="chartType"
+      <LWChart
-        :data="data"
+          :type="chartType"
-        :autosize="true"
+          :data="candleTick"
-        :chart-options="chartOptions"
+          :autosize="true"
-        :series-options="seriesOptions"
+          :chart-options="chartOptions"
-        ref="lwChart"
+          :series-options="seriesOptions"
-    />
+          ref="lwChart"
+      />
+    </div>
+    <button type="button" @click="changeColors">Set Random Colors</button>
+    <button type="button" @click="changeType">Change Chart Type</button>
+    <button type="button" @click="changeData">Change Data</button>
   </div>
-  <button type="button" @click="changeColors">Set Random Colors</button>
-  <button type="button" @click="changeType">Change Chart Type</button>
-  <button type="button" @click="changeData">Change Data</button>
 </template>
 <style scoped>
 .chart-container {

src/utils/api.ts

@@ -0,0 +1,10 @@
+import {useAxios} from "@vueuse/integrations/useAxios";
+
+export const getCandleList = (contact:string, time: string) => {
+    return new Promise(resolve => {
+        useAxios(`/api/candle/${contact}/${time}`).then((res) => {
+            resolve(res.data.value.data)
+        })
+    })
+
+}

src/utils/data.ts

@@ -1,712 +0,0 @@
-
-const candleData = [
-    {
-        close: 108.9974612905403,
-        high: 121.20998259466148,
-        low: 96.65376292551082,
-        open: 104.5614412226746,
-        time: { year: 2018, month: 9, day: 22 },
-    },
-    {
-        close: 110.46815600023501,
-        high: 111.3650273696516,
-        low: 82.65543461471314,
-        open: 110.16538466099634,
-        time: { year: 2018, month: 9, day: 23 },
-    },
-    {
-        close: 90.62131977740425,
-        high: 109.19838270252615,
-        low: 82.30106956144076,
-        open: 105.03104735287424,
-        time: { year: 2018, month: 9, day: 24 },
-    },
-    {
-        close: 96.80120024431532,
-        high: 101.92074283374939,
-        low: 89.25819769856513,
-        open: 89.25819769856513,
-        time: { year: 2018, month: 9, day: 25 },
-    },
-    {
-        close: 94.87113928076117,
-        high: 104.12503365679314,
-        low: 85.42405005240111,
-        open: 104.12503365679314,
-        time: { year: 2018, month: 9, day: 26 },
-    },
-    {
-        close: 100.76494087674855,
-        high: 102.60508417239113,
-        low: 80.76268547064865,
-        open: 92.93299948659636,
-        time: { year: 2018, month: 9, day: 27 },
-    },
-    {
-        close: 101.45855928883597,
-        high: 110.26727325817173,
-        low: 91.10348900896837,
-        open: 93.4362185148034,
-        time: { year: 2018, month: 9, day: 28 },
-    },
-    {
-        close: 91.68871815146144,
-        high: 103.73263644407702,
-        low: 73.5329263610334,
-        open: 92.96467883926464,
-        time: { year: 2018, month: 9, day: 29 },
-    },
-    {
-        close: 89.39633140354033,
-        high: 101.06569518834237,
-        low: 81.71149885084162,
-        open: 83.08248758612376,
-        time: { year: 2018, month: 9, day: 30 },
-    },
-    {
-        close: 93.09498513675378,
-        high: 93.09498513675378,
-        low: 76.81138276012628,
-        open: 91.97280452613565,
-        time: { year: 2018, month: 10, day: 1 },
-    },
-    {
-        close: 89.26733004009083,
-        high: 89.26733004009083,
-        low: 76.27851645958225,
-        open: 85.83860311023625,
-        time: { year: 2018, month: 10, day: 2 },
-    },
-    {
-        close: 89.66035763006947,
-        high: 89.66035763006947,
-        low: 67.63677527399729,
-        open: 77.79584976144585,
-        time: { year: 2018, month: 10, day: 3 },
-    },
-    {
-        close: 89.59687813884807,
-        high: 97.05916949817754,
-        low: 72.9823390058379,
-        open: 77.37388423995716,
-        time: { year: 2018, month: 10, day: 4 },
-    },
-    {
-        close: 83.6425403120788,
-        high: 91.72593377862522,
-        low: 65.27208271740422,
-        open: 85.92711686401718,
-        time: { year: 2018, month: 10, day: 5 },
-    },
-    {
-        close: 82.99053929200655,
-        high: 93.4482645370556,
-        low: 65.98920655616067,
-        open: 71.8940788814462,
-        time: { year: 2018, month: 10, day: 6 },
-    },
-    {
-        close: 73.09595957510754,
-        high: 86.65935598412881,
-        low: 62.710852488609326,
-        open: 80.78945254092527,
-        time: { year: 2018, month: 10, day: 7 },
-    },
-    {
-        close: 80.12127692112905,
-        high: 87.49034842093855,
-        low: 60.09987438133361,
-        open: 70.2408873110499,
-        time: { year: 2018, month: 10, day: 8 },
-    },
-    {
-        close: 77.60439116240829,
-        high: 83.20908153481327,
-        low: 68.56836128158209,
-        open: 75.83440719565763,
-        time: { year: 2018, month: 10, day: 9 },
-    },
-    {
-        close: 73.8952889203428,
-        high: 81.89987377779327,
-        low: 57.8891283348631,
-        open: 66.51904017615065,
-        time: { year: 2018, month: 10, day: 10 },
-    },
-    {
-        close: 75.08452506029613,
-        high: 75.08452506029613,
-        low: 59.208194031968155,
-        open: 72.14475369395771,
-        time: { year: 2018, month: 10, day: 11 },
-    },
-    {
-        close: 73.08898607472305,
-        high: 73.08898607472305,
-        low: 63.05632280826725,
-        open: 66.93050765469924,
-        time: { year: 2018, month: 10, day: 12 },
-    },
-    {
-        close: 58.993371469509704,
-        high: 73.08872095153116,
-        low: 53.52204433018574,
-        open: 66.12840939191403,
-        time: { year: 2018, month: 10, day: 13 },
-    },
-    {
-        close: 57.150755012485,
-        high: 74.57414896810235,
-        low: 52.6552427480398,
-        open: 68.50876667562338,
-        time: { year: 2018, month: 10, day: 14 },
-    },
-    {
-        close: 58.03147289822832,
-        high: 69.62445357159157,
-        low: 53.8260018823565,
-        open: 61.62298899368165,
-        time: { year: 2018, month: 10, day: 15 },
-    },
-    {
-        close: 60.6852855399041,
-        high: 69.02095441024431,
-        low: 54.00939224622043,
-        open: 64.81901552322648,
-        time: { year: 2018, month: 10, day: 16 },
-    },
-    {
-        close: 57.508820449565285,
-        high: 63.82926565242872,
-        low: 54.07370975509682,
-        open: 54.07370975509682,
-        time: { year: 2018, month: 10, day: 17 },
-    },
-    {
-        close: 51.60796818909221,
-        high: 64.88712939579875,
-        low: 51.60796818909221,
-        open: 53.489226476218434,
-        time: { year: 2018, month: 10, day: 18 },
-    },
-    {
-        close: 55.139520748382864,
-        high: 59.161320710177925,
-        low: 52.228139922762765,
-        open: 52.228139922762765,
-        time: { year: 2018, month: 10, day: 19 },
-    },
-    {
-        close: 47.47868992247237,
-        high: 58.0836625917653,
-        low: 46.43213518526832,
-        open: 47.59258635788406,
-        time: { year: 2018, month: 10, day: 20 },
-    },
-    {
-        close: 47.22596723150508,
-        high: 51.55468175560989,
-        low: 45.22654435521185,
-        open: 47.452459556200054,
-        time: { year: 2018, month: 10, day: 21 },
-    },
-    {
-        close: 53.39724151191295,
-        high: 58.256006746786035,
-        low: 46.40105667413804,
-        open: 53.41548527476272,
-        time: { year: 2018, month: 10, day: 22 },
-    },
-    {
-        close: 45.015877277800854,
-        high: 51.2955426978105,
-        low: 40.26534748806228,
-        open: 43.90158660063875,
-        time: { year: 2018, month: 10, day: 23 },
-    },
-    {
-        close: 49.307312373439665,
-        high: 49.93643636637581,
-        low: 43.20705757075934,
-        open: 45.672934511555795,
-        time: { year: 2018, month: 10, day: 24 },
-    },
-    {
-        close: 45.15418019295631,
-        high: 48.59676744409583,
-        low: 37.628047445918504,
-        open: 40.33862825788268,
-        time: { year: 2018, month: 10, day: 25 },
-    },
-    {
-        close: 43.2972018283068,
-        high: 43.2972018283068,
-        low: 36.335943004352245,
-        open: 42.605991542720965,
-        time: { year: 2018, month: 10, day: 26 },
-    },
-    {
-        close: 39.1153643552137,
-        high: 44.311406627923844,
-        low: 35.31457011784855,
-        open: 42.00000202357808,
-        time: { year: 2018, month: 10, day: 27 },
-    },
-    {
-        close: 36.06960076896885,
-        high: 42.89041111567749,
-        low: 33.58326637182405,
-        open: 37.40942817102858,
-        time: { year: 2018, month: 10, day: 28 },
-    },
-    {
-        close: 35.8981036950969,
-        high: 42.19793419602979,
-        low: 33.62190962880232,
-        open: 36.87246325249825,
-        time: { year: 2018, month: 10, day: 29 },
-    },
-    {
-        close: 31.378205119641457,
-        high: 37.33501102832602,
-        low: 31.30137162225214,
-        open: 35.651275660713694,
-        time: { year: 2018, month: 10, day: 30 },
-    },
-    {
-        close: 33.574536057730576,
-        high: 37.30152570719593,
-        low: 27.369689193426243,
-        open: 34.330180925654936,
-        time: { year: 2018, month: 10, day: 31 },
-    },
-    {
-        close: 28.91735096504839,
-        high: 32.62196350117741,
-        low: 27.072564759401843,
-        open: 29.398552328599372,
-        time: { year: 2018, month: 11, day: 1 },
-    },
-    {
-        close: 28.44143154172122,
-        high: 31.042019861166594,
-        low: 23.383320830495375,
-        open: 27.275885037308072,
-        time: { year: 2018, month: 11, day: 2 },
-    },
-    {
-        close: 25.92162714418916,
-        high: 30.57604443170622,
-        low: 25.418671641150752,
-        open: 26.775196275924657,
-        time: { year: 2018, month: 11, day: 3 },
-    },
-    {
-        close: 26.376994016637433,
-        high: 28.198647836523744,
-        low: 21.492969733673334,
-        open: 26.27980943059139,
-        time: { year: 2018, month: 11, day: 4 },
-    },
-    {
-        close: 28.60834088674494,
-        high: 28.60834088674494,
-        low: 21.89002840571941,
-        open: 25.376464895884993,
-        time: { year: 2018, month: 11, day: 5 },
-    },
-    {
-        close: 31.103861067101136,
-        high: 31.103861067101136,
-        low: 24.39227668420513,
-        open: 28.994785427089838,
-        time: { year: 2018, month: 11, day: 6 },
-    },
-    {
-        close: 28.6308138310307,
-        high: 35.430817482769164,
-        low: 24.069515410358232,
-        open: 27.109407394069084,
-        time: { year: 2018, month: 11, day: 7 },
-    },
-    {
-        close: 29.468889521733466,
-        high: 37.54082586961352,
-        low: 27.90833873315644,
-        open: 33.16901271715577,
-        time: { year: 2018, month: 11, day: 8 },
-    },
-    {
-        close: 35.887823124204296,
-        high: 39.21804237580939,
-        low: 30.951078044055627,
-        open: 30.951078044055627,
-        time: { year: 2018, month: 11, day: 9 },
-    },
-    {
-        close: 34.361137347097575,
-        high: 35.27083445807796,
-        low: 27.825889562160082,
-        open: 34.86040182980157,
-        time: { year: 2018, month: 11, day: 10 },
-    },
-    {
-        close: 36.61336645243868,
-        high: 40.31460537175622,
-        low: 33.96383400053921,
-        open: 39.70037560142739,
-        time: { year: 2018, month: 11, day: 11 },
-    },
-    {
-        close: 41.321693986803055,
-        high: 44.45481986667003,
-        low: 35.67563772228475,
-        open: 38.67059795413642,
-        time: { year: 2018, month: 11, day: 12 },
-    },
-    {
-        close: 40.15038854039306,
-        high: 41.50912000191902,
-        low: 32.610637769394444,
-        open: 41.50912000191902,
-        time: { year: 2018, month: 11, day: 13 },
-    },
-    {
-        close: 44.092601065208015,
-        high: 44.092601065208015,
-        low: 37.778306506100726,
-        open: 38.99045898154136,
-        time: { year: 2018, month: 11, day: 14 },
-    },
-    {
-        close: 41.42426637839382,
-        high: 44.72189614841937,
-        low: 41.42426637839382,
-        open: 44.72189614841937,
-        time: { year: 2018, month: 11, day: 15 },
-    },
-    {
-        close: 41.19513795258408,
-        high: 49.08084695291049,
-        low: 36.24282165100056,
-        open: 44.909248500660254,
-        time: { year: 2018, month: 11, day: 16 },
-    },
-    {
-        close: 44.24935708161703,
-        high: 53.028535501565486,
-        low: 40.32056743060158,
-        open: 46.198546801109984,
-        time: { year: 2018, month: 11, day: 17 },
-    },
-    {
-        close: 43.18555863372182,
-        high: 52.34250206788521,
-        low: 43.18555863372182,
-        open: 49.58135271619679,
-        time: { year: 2018, month: 11, day: 18 },
-    },
-    {
-        close: 50.8568887039091,
-        high: 52.60441957102357,
-        low: 39.917719271944364,
-        open: 48.197532365645806,
-        time: { year: 2018, month: 11, day: 19 },
-    },
-    {
-        close: 48.79128595974164,
-        high: 52.45087789296739,
-        low: 46.80633073487828,
-        open: 52.45087789296739,
-        time: { year: 2018, month: 11, day: 20 },
-    },
-    {
-        close: 46.97300046781947,
-        high: 55.80689868049132,
-        low: 46.97300046781947,
-        open: 55.80689868049132,
-        time: { year: 2018, month: 11, day: 21 },
-    },
-    {
-        close: 55.58129861112469,
-        high: 55.58129861112469,
-        low: 49.087279242343996,
-        open: 53.16719476594961,
-        time: { year: 2018, month: 11, day: 22 },
-    },
-    {
-        close: 50.058979311730226,
-        high: 62.55333249171461,
-        low: 50.058979311730226,
-        open: 52.628489607588826,
-        time: { year: 2018, month: 11, day: 23 },
-    },
-    {
-        close: 51.193155229085995,
-        high: 59.08949991997865,
-        low: 51.193155229085995,
-        open: 55.352594157474755,
-        time: { year: 2018, month: 11, day: 24 },
-    },
-    {
-        close: 60.099338327208436,
-        high: 66.93510126958154,
-        low: 55.27299867222781,
-        open: 61.05897620044226,
-        time: { year: 2018, month: 11, day: 25 },
-    },
-    {
-        close: 58.3802630890727,
-        high: 71.50922937699602,
-        low: 50.95210438359451,
-        open: 62.4679688326532,
-        time: { year: 2018, month: 11, day: 26 },
-    },
-    {
-        close: 57.875350873413225,
-        high: 65.59903214448208,
-        low: 57.875350873413225,
-        open: 62.747405667247016,
-        time: { year: 2018, month: 11, day: 27 },
-    },
-    {
-        close: 61.231150731698605,
-        high: 66.3829902228434,
-        low: 61.231150731698605,
-        open: 65.01028486919516,
-        time: { year: 2018, month: 11, day: 28 },
-    },
-    {
-        close: 64.9698540874806,
-        high: 77.09783903299783,
-        low: 58.455031795628194,
-        open: 58.455031795628194,
-        time: { year: 2018, month: 11, day: 29 },
-    },
-    {
-        close: 72.40978471883417,
-        high: 72.40978471883417,
-        low: 53.05804901549206,
-        open: 65.907298021202,
-        time: { year: 2018, month: 11, day: 30 },
-    },
-    {
-        close: 74.60745731538934,
-        high: 78.33742117000789,
-        low: 54.42067144918077,
-        open: 73.20930147914103,
-        time: { year: 2018, month: 12, day: 1 },
-    },
-    {
-        close: 64.10866184869924,
-        high: 76.14506447001202,
-        low: 61.5224432669736,
-        open: 69.33984127682314,
-        time: { year: 2018, month: 12, day: 2 },
-    },
-    {
-        close: 65.92038759928786,
-        high: 76.98479070362022,
-        low: 65.92038759928786,
-        open: 69.32298264631615,
-        time: { year: 2018, month: 12, day: 3 },
-    },
-    {
-        close: 68.23682161095334,
-        high: 77.6723729460968,
-        low: 68.23682161095334,
-        open: 74.39471534484744,
-        time: { year: 2018, month: 12, day: 4 },
-    },
-    {
-        close: 67.45035792565862,
-        high: 83.53728553118547,
-        low: 67.45035792565862,
-        open: 74.79418570077237,
-        time: { year: 2018, month: 12, day: 5 },
-    },
-    {
-        close: 79.26722967320323,
-        high: 79.26722967320323,
-        low: 68.40654829383521,
-        open: 68.40654829383521,
-        time: { year: 2018, month: 12, day: 6 },
-    },
-    {
-        close: 74.95305464030587,
-        high: 81.65884414224071,
-        low: 64.08761481290135,
-        open: 81.65884414224071,
-        time: { year: 2018, month: 12, day: 7 },
-    },
-    {
-        close: 86.30802154315482,
-        high: 91.21953112925642,
-        low: 65.46112304993535,
-        open: 77.82514647663533,
-        time: { year: 2018, month: 12, day: 8 },
-    },
-    {
-        close: 82.67218208289492,
-        high: 92.45833377442081,
-        low: 76.80728739647081,
-        open: 87.18916937056241,
-        time: { year: 2018, month: 12, day: 9 },
-    },
-    {
-        close: 73.86125805398967,
-        high: 83.68952750914036,
-        low: 73.86125805398967,
-        open: 75.76119064173785,
-        time: { year: 2018, month: 12, day: 10 },
-    },
-    {
-        close: 79.00109311074502,
-        high: 88.74271558831151,
-        low: 69.00900811612337,
-        open: 88.74271558831151,
-        time: { year: 2018, month: 12, day: 11 },
-    },
-    {
-        close: 80.98779620162513,
-        high: 97.07429720104427,
-        low: 73.76970378608283,
-        open: 88.57288529720472,
-        time: { year: 2018, month: 12, day: 12 },
-    },
-    {
-        close: 87.83619759370346,
-        high: 91.29759438607132,
-        low: 74.00740214639268,
-        open: 87.51853658661781,
-        time: { year: 2018, month: 12, day: 13 },
-    },
-    {
-        close: 87.50134898892377,
-        high: 102.95635188637507,
-        low: 81.0513723219724,
-        open: 94.74009794290814,
-        time: { year: 2018, month: 12, day: 14 },
-    },
-    {
-        close: 92.40159548029843,
-        high: 103.24363067710844,
-        low: 75.44605394394573,
-        open: 95.99903495559444,
-        time: { year: 2018, month: 12, day: 15 },
-    },
-    {
-        close: 87.43619322092951,
-        high: 99.39349139000474,
-        low: 80.24624983473528,
-        open: 99.39349139000474,
-        time: { year: 2018, month: 12, day: 16 },
-    },
-    {
-        close: 84.42724177432086,
-        high: 95.57485075893881,
-        low: 84.42724177432086,
-        open: 90.71070399095831,
-        time: { year: 2018, month: 12, day: 17 },
-    },
-    {
-        close: 96.04408990868804,
-        high: 101.02158248010466,
-        low: 94.38544669520195,
-        open: 101.02158248010466,
-        time: { year: 2018, month: 12, day: 18 },
-    },
-    {
-        close: 97.2120815653703,
-        high: 103.35830035963959,
-        low: 78.72594316029567,
-        open: 86.98009038330306,
-        time: { year: 2018, month: 12, day: 19 },
-    },
-    {
-        close: 105.23366706522204,
-        high: 106.56174456393981,
-        low: 94.6658899187065,
-        open: 106.56174456393981,
-        time: { year: 2018, month: 12, day: 20 },
-    },
-    {
-        close: 89.53750874231946,
-        high: 112.27917367188074,
-        low: 87.13586952228918,
-        open: 96.0857985693989,
-        time: { year: 2018, month: 12, day: 21 },
-    },
-    {
-        close: 88.55787263435407,
-        high: 112.62138454627025,
-        low: 80.42783344898223,
-        open: 88.34340019789849,
-        time: { year: 2018, month: 12, day: 22 },
-    },
-    {
-        close: 86.00639650371167,
-        high: 110.94532193307279,
-        low: 74.78703575498496,
-        open: 92.4275741143068,
-        time: { year: 2018, month: 12, day: 23 },
-    },
-    {
-        close: 90.45119640254379,
-        high: 92.51500970997435,
-        low: 82.69475430846728,
-        open: 86.21662699549296,
-        time: { year: 2018, month: 12, day: 24 },
-    },
-    {
-        close: 93.38124264891343,
-        high: 93.38124264891343,
-        low: 84.5674956907938,
-        open: 87.54923273867136,
-        time: { year: 2018, month: 12, day: 25 },
-    },
-    {
-        close: 87.88725775527871,
-        high: 90.14253631595105,
-        low: 77.28638555494503,
-        open: 83.93199044032968,
-        time: { year: 2018, month: 12, day: 26 },
-    },
-    {
-        close: 71.77940077333062,
-        high: 89.25710176370582,
-        low: 67.74278646676306,
-        open: 78.5346198695072,
-        time: { year: 2018, month: 12, day: 27 },
-    },
-    {
-        close: 72.08757207606054,
-        high: 79.36518615067514,
-        low: 69.18787486704672,
-        open: 69.18787486704672,
-        time: { year: 2018, month: 12, day: 28 },
-    },
-    {
-        close: 73.87977927793119,
-        high: 77.62891475860795,
-        low: 70.42293039125319,
-        open: 70.42293039125319,
-        time: { year: 2018, month: 12, day: 29 },
-    },
-    {
-        close: 74.86330345366132,
-        high: 75.88473282167168,
-        low: 62.89549355427313,
-        open: 74.86554252962132,
-        time: { year: 2018, month: 12, day: 30 },
-    },
-    {
-        close: 71.00787215611817,
-        high: 71.00787215611817,
-        low: 57.29681995441558,
-        open: 60.04464694823929,
-        time: { year: 2018, month: 12, day: 31 },
-    },
-]
-
-export default candleData

types/components.d.ts

@@ -7,9 +7,6 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
-    CoinChart: typeof import('./../src/components/CoinChart.vue')['default']
-    HelloWorld: typeof import('./../src/components/HelloWorld.vue')['default']
-    LwChart: typeof import('./../src/components/lw-chart.vue')['default']
     LWChart: typeof import('./../src/components/LWChart.vue')['default']
     LWChartOption: typeof import('./../src/components/LWChartOption.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']

types/imports.d.ts

@@ -6,6 +6,7 @@
 export {}
 declare global {
   const EffectScope: typeof import('vue')['EffectScope']
+  const api: typeof import('../src/utils/api')['default']
   const asyncComputed: typeof import('@vueuse/core')['asyncComputed']
   const autoResetRef: typeof import('@vueuse/core')['autoResetRef']
   const computed: typeof import('vue')['computed']
@@ -33,6 +34,7 @@ declare global {
   const eagerComputed: typeof import('@vueuse/core')['eagerComputed']
   const effectScope: typeof import('vue')['effectScope']
   const extendRef: typeof import('@vueuse/core')['extendRef']
+  const getCandleList: typeof import('../src/utils/api')['getCandleList']
   const getCurrentInstance: typeof import('vue')['getCurrentInstance']
   const getCurrentScope: typeof import('vue')['getCurrentScope']
   const h: typeof import('vue')['h']

vite.config.ts

@@ -45,8 +45,7 @@ export default defineConfig(({ isSsrBuild }) => ({
     port: 3000,
     proxy: {
       '/api': {
-        target: 'https://svcm.hmsn.ink',
+        target: 'http://localhost:7010',
-        // target: 'http://localhost:8010',
         changeOrigin: true,
         // rewrite: (path) => path.replace(/^\/api/, ''),
       },

yarn.lock

@@ -1478,6 +1478,11 @@
   resolved "https://registry.yarnpkg.com/@types/web-bluetooth/-/web-bluetooth-0.0.20.tgz#f066abfcd1cbe66267cdbbf0de010d8a41b41597"
   integrity sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==
 
+"@types/web-bluetooth@^0.0.21":
+  version "0.0.21"
+  resolved "https://registry.yarnpkg.com/@types/web-bluetooth/-/web-bluetooth-0.0.21.tgz#525433c784aed9b457aaa0ee3d92aeb71f346b63"
+  integrity sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA==
+
 "@typescript-eslint/project-service@8.40.0":
   version "8.40.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/project-service/-/project-service-8.40.0.tgz#1b7ba6079ff580c3215882fe75a43e5d3ed166b9"
@@ -1814,20 +1819,33 @@
     "@vueuse/shared" "10.9.0"
     vue-demi ">=0.14.7"
 
-"@vueuse/integrations@10.9.0":
+"@vueuse/core@13.7.0":
-  version "10.9.0"
+  version "13.7.0"
-  resolved "https://registry.yarnpkg.com/@vueuse/integrations/-/integrations-10.9.0.tgz#2b1a9556215ad3c1f96d39cbfbef102cf6e0ec05"
+  resolved "https://registry.yarnpkg.com/@vueuse/core/-/core-13.7.0.tgz#fcb63184443144858645ea87b382535226d523f7"
-  integrity sha512-acK+A01AYdWSvL4BZmCoJAcyHJ6EqhmkQEXbQLwev1MY7NBnS+hcEMx/BzVoR9zKI+UqEPMD9u6PsyAuiTRT4Q==
+  integrity sha512-myagn09+c6BmS6yHc1gTwwsdZilAovHslMjyykmZH3JNyzI5HoWhv114IIdytXiPipdHJ2gDUx0PB93jRduJYg==
   dependencies:
-    "@vueuse/core" "10.9.0"
+    "@types/web-bluetooth" "^0.0.21"
-    "@vueuse/shared" "10.9.0"
+    "@vueuse/metadata" "13.7.0"
-    vue-demi ">=0.14.7"
+    "@vueuse/shared" "13.7.0"
+
+"@vueuse/integrations@^13.7.0":
+  version "13.7.0"
+  resolved "https://registry.yarnpkg.com/@vueuse/integrations/-/integrations-13.7.0.tgz#4afb80a0a619ebb766b0b571b6df33bfe16ade0d"
+  integrity sha512-Na5p0ONLepNV/xCBi8vBMuzCOZh9CFT/OHnrUlABWXgWTWSHM3wrVaLS1xvAijPLU5B1ysyJDDW/hKak80oLGA==
+  dependencies:
+    "@vueuse/core" "13.7.0"
+    "@vueuse/shared" "13.7.0"
 
 "@vueuse/metadata@10.9.0":
   version "10.9.0"
   resolved "https://registry.yarnpkg.com/@vueuse/metadata/-/metadata-10.9.0.tgz#769a1a9db65daac15cf98084cbf7819ed3758620"
   integrity sha512-iddNbg3yZM0X7qFY2sAotomgdHK7YJ6sKUvQqbvwnf7TmaVPxS4EJydcNsVejNdS8iWCtDk+fYXr7E32nyTnGA==
 
+"@vueuse/metadata@13.7.0":
+  version "13.7.0"
+  resolved "https://registry.yarnpkg.com/@vueuse/metadata/-/metadata-13.7.0.tgz#5c825d3706ecbf6ea6c969c0080f4f3ef414c37d"
+  integrity sha512-8okFhS/1ite8EwUdZZfvTYowNTfXmVCOrBFlA31O0HD8HKXhY+WtTRyF0LwbpJfoFPc+s9anNJIXMVrvP7UTZg==
+
 "@vueuse/router@10.9.0":
   version "10.9.0"
   resolved "https://registry.yarnpkg.com/@vueuse/router/-/router-10.9.0.tgz#544fe23b579c4ff677fe74baef9169364e4537b8"
@@ -1843,6 +1861,11 @@
   dependencies:
     vue-demi ">=0.14.7"
 
+"@vueuse/shared@13.7.0":
+  version "13.7.0"
+  resolved "https://registry.yarnpkg.com/@vueuse/shared/-/shared-13.7.0.tgz#b7466ec90361a69621cd09d5b396fbda6d8f2f9c"
+  integrity sha512-Wi2LpJi4UA9kM0OZ0FCZslACp92HlVNw1KPaDY6RAzvQ+J1s7seOtcOpmkfbD5aBSmMn9NvOakc8ZxMxmDXTIg==
+
 acorn-jsx@^5.2.0, acorn-jsx@^5.3.2:
   version "5.3.2"
   resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
@@ -2006,6 +2029,11 @@ async@^3.2.6:
   resolved "https://registry.yarnpkg.com/async/-/async-3.2.6.tgz#1b0728e14929d51b85b449b7f06e27c1145e38ce"
   integrity sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==
 
+asynckit@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
+  integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
+
 at-least-node@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/at-least-node/-/at-least-node-1.0.0.tgz#602cd4b46e844ad4effc92a8011a3c46e0238dc2"
@@ -2023,6 +2051,15 @@ available-typed-arrays@^1.0.7:
   dependencies:
     possible-typed-array-names "^1.0.0"
 
+axios@^1.11.0:
+  version "1.11.0"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-1.11.0.tgz#c2ec219e35e414c025b2095e8b8280278478fdb6"
+  integrity sha512-1Lx3WLFQWm3ooKDYZD1eXmoGO9fxYQjrycfHFC8P0sCfQVXyROp0p9PFWBehewBOdCwHc+f/b8I0fMto5eSfwA==
+  dependencies:
+    follow-redirects "^1.15.6"
+    form-data "^4.0.4"
+    proxy-from-env "^1.1.0"
+
 babel-plugin-polyfill-corejs2@^0.4.14:
   version "0.4.14"
   resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.14.tgz#8101b82b769c568835611542488d463395c2ef8f"
@@ -2308,6 +2345,13 @@ colord@^2.9.3:
   resolved "https://registry.yarnpkg.com/colord/-/colord-2.9.3.tgz#4f8ce919de456f1d5c1c368c307fe20f3e59fb43"
   integrity sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==
 
+combined-stream@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
+  integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
+  dependencies:
+    delayed-stream "~1.0.0"
+
 commander@^2.20.0:
   version "2.20.3"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
@@ -2527,6 +2571,11 @@ define-properties@^1.2.1:
     has-property-descriptors "^1.0.0"
     object-keys "^1.1.1"
 
+delayed-stream@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
+  integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
+
 dequal@^2.0.0:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/dequal/-/dequal-2.0.3.tgz#2644214f1997d39ed0ee0ece72335490a7ac67be"
@@ -3243,6 +3292,11 @@ flatted@^3.2.9:
   resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.3.3.tgz#67c8fad95454a7c7abebf74bb78ee74a44023358"
   integrity sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==
 
+follow-redirects@^1.15.6:
+  version "1.15.11"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.11.tgz#777d73d72a92f8ec4d2e410eb47352a56b8e8340"
+  integrity sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==
+
 for-each@^0.3.3, for-each@^0.3.5:
   version "0.3.5"
   resolved "https://registry.yarnpkg.com/for-each/-/for-each-0.3.5.tgz#d650688027826920feeb0af747ee7b9421a41d47"
@@ -3250,6 +3304,17 @@ for-each@^0.3.3, for-each@^0.3.5:
   dependencies:
     is-callable "^1.2.7"
 
+form-data@^4.0.4:
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.4.tgz#784cdcce0669a9d68e94d11ac4eea98088edd2c4"
+  integrity sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.8"
+    es-set-tostringtag "^2.1.0"
+    hasown "^2.0.2"
+    mime-types "^2.1.12"
+
 format@^0.2.0:
   version "0.2.2"
   resolved "https://registry.yarnpkg.com/format/-/format-0.2.2.tgz#d6170107e9efdc4ed30c9dc39016df942b5cb58b"
@@ -4306,6 +4371,18 @@ micromatch@^4.0.5, micromatch@^4.0.8:
     braces "^3.0.3"
     picomatch "^2.3.1"
 
+mime-db@1.52.0:
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
+  integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
+
+mime-types@^2.1.12:
+  version "2.1.35"
+  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
+  integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
+  dependencies:
+    mime-db "1.52.0"
+
 mimic-fn@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
@@ -4783,6 +4860,11 @@ progress@^2.0.0:
   resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
   integrity sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==
 
+proxy-from-env@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz#e102f16ca355424865755d2c9e8ea4f24d58c3e2"
+  integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
+
 punycode@^2.1.0:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5"