clins777 / trading-view-api-examples-client-vue-js

Simple Vue.js app for fetching chart data from TradingView using TradingViewAPI. Consider donating if you'd like to see more examples like this. Feel free to reach out to me on Telegram: @clins777

Overview

This project aims to convert SimpleChart.js example from Mathieu2301/TradingView-API into a Vue.js 3 application that lets you.

1. Select market, timeframe and chart type
2. Listen to price changes on the market according to settings

The main code can be found in src/App.vue

Current Problem

TradingViewAPI is not meant to run on a browser so the websocket code is not working. I'm considering two solutions

1. Use Server Side Rendering (same repo) to run websocket code from the server
2. Split the repo in two (vue.js app + node.js server) and make a websocket connection between both

How to run app

$ npm i
$ npm run dev

Will be running on localhost:5173

How to run TradingViewAPI/example/SimpleChart.js

$ node src/tradingview.js

Then check logs

Vue 3 + Vite

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Recommended IDE Setup

• VS Code + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).