diff --git a/src/composables/useTradingView.ts b/src/composables/useTradingView.ts index 32759de..d70763e 100644 --- a/src/composables/useTradingView.ts +++ b/src/composables/useTradingView.ts @@ -2,7 +2,7 @@ import type { Awaitable } from "@vueuse/core"; import type { ChartOptions, DeepPartial, IChartApi, ISeriesApi, LayoutOptions, OhlcData, SeriesDataItemTypeMap, SeriesType } from "lightweight-charts"; import type { ThemeMode } from "./useTheme"; import { AreaSeries, BarSeries, BaselineSeries, CandlestickSeries, ColorType, createChart, HistogramSeries, LineSeries } from "lightweight-charts"; -import { mergeWith } from "lodash-es"; +import { cloneDeep, mergeWith } from "lodash-es"; export type Series = "Area" | "Bar" | "Baseline" | "Candlestick" | "Histogram" | "Line"; @@ -63,7 +63,7 @@ function getChartSeriesDefinition(type: Series) { const { isDark } = useTheme(); export function useTradingView(target: MaybeRefOrGetter, options?: TradingViewOptions) { - const opts: Required = mergeWith(initializeOptions, options); + const opts: Required = mergeWith(cloneDeep(initializeOptions), cloneDeep(options)); const chart = ref(null); const chartSeriesDefinition = getChartSeriesDefinition(opts.type); const chartEl = ref(null);