Nuxt TradingView

Use the TradingView Widgets in your Nuxt 3 Application

Features

• Nuxt 3 Ready
• Multiple Widgets in Single Page
• No registration or API for TradingView

Documentation

We're preparing the documentation and playground, ==it will be added soon==

Quick Setup

1. Add nuxt-tradingview dependency to your project

# Using yarn
yarn add nuxt-tradingview

# Using npm
npm install nuxt-tradingview

# Using pnpm
pnpm add nuxt-tradingview

2. Add nuxt-tradingview to the modules section of nuxt.config.ts

export default defineNuxtConfig({
  modules: [
    'nuxt-tradingview'
  ]
})

3. Module options, you can set prefix to every component. You must add tradingview config to nuxt.config.ts, here's the example:

export default defineNuxtConfig({
  modules: [
    'nuxt-tradingview'
  ],

  tradingview: {
    prefix: 'TV' // if it's not defined, you can use component as shown as in the documentation. 
  }
})

That's it! You can now use TradingView Widgets in your Nuxt app ✨

Development

# Install dependencies
npm install

# Generate type stubs
npm run dev:prepare

# Develop with the playground
npm run dev

# Build the playground
npm run dev:build

# Run ESLint
npm run lint

# Release new version
npm run release