Niklas/shadcn-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use of useId to generate chartRef

Browse Source
This commit is contained in:
arvidsson-geins 2024-07-04 08:43:19 +02:00
parent 743c9facbe
commit 9afc1f291e
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
apps/www/src/lib/registry/default/ui/chart-area/AreaChart.vue
View File

@ -4,6 +4,7 @@ import { VisArea, VisAxis, VisLine, VisXYContainer } from '@unovis/vue'
import { Area, Axis, Line } from '@unovis/ts'
import { type Component, computed, ref } from 'vue'
import { useMounted } from '@vueuse/core'
import { useId } from 'radix-vue'
import type { BaseChartProps } from '.'
import { ChartCrosshair, ChartLegend, defaultColors } from '@/lib/registry/default/ui/chart'
import { cn } from '@/lib/utils'
@ -41,7 +42,7 @@ const emits = defineEmits<{
type KeyOfT = Extract<keyof T, string>
type Data = typeof props.data[number]
const chartRef = Math.random().toString(36).substring(2, 9)
const chartRef = useId()
const index = computed(() => props.index as KeyOfT)
const colors = computed(() => props.colors?.length ? props.colors : defaultColors(props.categories.length))

3
apps/www/src/lib/registry/new-york/ui/chart-area/AreaChart.vue
View File

@ -4,6 +4,7 @@ import { VisArea, VisAxis, VisLine, VisXYContainer } from '@unovis/vue'
import { Area, Axis, Line } from '@unovis/ts'
import { type Component, computed, ref } from 'vue'
import { useMounted } from '@vueuse/core'
import { useId } from 'radix-vue'
import type { BaseChartProps } from '.'
import { ChartCrosshair, ChartLegend, defaultColors } from '@/lib/registry/new-york/ui/chart'
import { cn } from '@/lib/utils'
@ -41,7 +42,7 @@ const emits = defineEmits<{
type KeyOfT = Extract<keyof T, string>
type Data = typeof props.data[number]
const chartRef = Math.random().toString(36).substring(2, 9)
const chartRef = useId()
const index = computed(() => props.index as KeyOfT)
const colors = computed(() => props.colors?.length ? props.colors : defaultColors(props.categories.length))