Client - init stats chart (wip)

This commit is contained in:
Sam 2021-09-04 19:40:27 +02:00
parent aa102e7cfe
commit 4e54d66c55
12 changed files with 430 additions and 74 deletions

View File

@ -11,10 +11,12 @@
},
"dependencies": {
"axios": "^0.21.1",
"chart.js": "^3.5.1",
"core-js": "^3.6.5",
"date-fns": "^2.23.0",
"register-service-worker": "^1.7.1",
"vue": "^3.0.0",
"vue-chart-3": "^0.5.8",
"vue-i18n": "^9.1.0",
"vue-router": "^4.0.0-0",
"vuex": "^4.0.0-0"

View File

@ -0,0 +1,69 @@
<template>
<div class="chart">
<BarChart v-bind="barChartProps" />
</div>
</template>
<script lang="ts">
import { Chart, ChartData, ChartOptions, registerables } from 'chart.js'
import { ComputedRef, PropType, computed, defineComponent } from 'vue'
import { BarChart, useBarChart } from 'vue-chart-3'
import { IStatisticsChartDataset } from '@/types/statistics'
Chart.register(...registerables)
export default defineComponent({
name: 'Chart',
components: {
BarChart,
},
props: {
datasets: {
type: Object as PropType<IStatisticsChartDataset[]>,
required: true,
},
labels: {
type: Object as PropType<unknown[]>,
required: true,
},
},
setup(props) {
let chartData: ComputedRef<ChartData<'bar'>> = computed(() => ({
labels: props.labels,
datasets: props.datasets,
}))
const options = computed<ChartOptions<'bar'>>(() => ({
responsive: true,
maintainAspectRatio: true,
layout: {
padding: 5,
},
scales: {
x: {
stacked: true,
grid: {
display: false,
},
},
y: {
stacked: true,
grid: {
display: false,
},
},
},
plugins: {
legend: {
display: false,
},
},
}))
const { barChartProps } = useBarChart({
chartData,
options,
})
return { barChartProps }
},
})
</script>

View File

@ -0,0 +1,65 @@
<template>
<div class="stat-chart">
<Chart :datasets="datasets" :labels="labels" />
</div>
</template>
<script lang="ts">
import { ComputedRef, PropType, computed, defineComponent } from 'vue'
import Chart from '@/components/Common/StatsChart/Chart.vue'
import { ISport } from '@/types/sports'
import {
IStatisticsChartData,
IStatisticsDateParams,
TDatasetKeys,
TStatisticsFromApi,
} from '@/types/statistics'
import { formatStats } from '@/utils/statistics'
export default defineComponent({
name: 'StatsChart',
components: {
Chart,
},
props: {
statistics: {
type: Object as PropType<TStatisticsFromApi>,
required: true,
},
displayedData: {
type: String as PropType<TDatasetKeys>,
required: true,
},
params: {
type: Object as PropType<IStatisticsDateParams>,
required: true,
},
sports: {
type: Object as PropType<ISport[]>,
required: true,
},
weekStartingMonday: {
type: Boolean,
required: true,
},
},
setup(props) {
const formattedStats: ComputedRef<IStatisticsChartData> = computed(() =>
formatStats(
props.params,
props.weekStartingMonday,
props.sports,
[],
props.statistics
)
)
return {
datasets: computed(
() => formattedStats.value.datasets[props.displayedData]
),
labels: computed(() => formattedStats.value.labels),
}
},
})
</script>

View File

@ -1,3 +1,145 @@
<template>
<div>Month stats</div>
<div>
<Card :without-title="false">
<template #title>{{ $t('dashboard.THIS_MONTH') }}</template>
<template #content>
<div class="chart-radio">
<label class="">
<input
type="radio"
name="total_distance"
:checked="displayedData === 'total_distance'"
@click="updateDisplayData"
/>
{{ t('workouts.DISTANCE') }}
</label>
<label class="">
<input
type="radio"
name="total_duration"
:checked="displayedData === 'total_duration'"
@click="updateDisplayData"
/>
{{ t('workouts.DURATION') }}
</label>
<label class="">
<input
type="radio"
name="nb_workouts"
:checked="displayedData === 'nb_workouts'"
@click="updateDisplayData"
/>
{{ t('workouts.WORKOUT', 2) }}
</label>
</div>
<Chart
:displayedData="displayedData"
:params="chartParams"
:statistics="statistics"
:sports="sports"
:week-starting-monday="weekStartingMonday"
v-if="statistics && weekStartingMonday !== undefined"
/></template>
</Card>
</div>
</template>
<script lang="ts">
import { startOfMonth, endOfMonth, format } from 'date-fns'
import {
ComputedRef,
PropType,
computed,
defineComponent,
ref,
watch,
} from 'vue'
import { useI18n } from 'vue-i18n'
import Card from '@/components/Common/Card.vue'
import Chart from '@/components/Common/StatsChart/index.vue'
import { STATS_STORE, SPORTS_STORE, USER_STORE } from '@/store/constants'
import { ISport } from '@/types/sports'
import { IStatisticsDateParams, TStatisticsFromApi } from '@/types/statistics'
import { IAuthUserProfile } from '@/types/user'
import { useStore } from '@/use/useStore'
export default defineComponent({
name: 'UserMonthStats',
components: {
Card,
Chart,
},
props: {
user: {
type: Object as PropType<IAuthUserProfile>,
required: true,
},
},
setup(props) {
const store = useStore()
const date = new Date()
const { t } = useI18n()
const dateFormat = 'yyyy-MM-dd'
const chartParams: IStatisticsDateParams = {
duration: 'week',
start: startOfMonth(date),
end: endOfMonth(date),
}
const apiParams = {
from: format(chartParams.start, dateFormat),
to: format(chartParams.end, dateFormat),
time: `week${props.user.weekm ? 'm' : ''}`,
}
const statistics: ComputedRef<TStatisticsFromApi> = computed(
() => store.getters[STATS_STORE.GETTERS.USER_STATS]
)
const sports: ComputedRef<ISport[]> = computed(
() => store.getters[SPORTS_STORE.GETTERS.SPORTS]
)
const authUser: ComputedRef<IAuthUserProfile> = computed(
() => store.getters[USER_STORE.GETTERS.AUTH_USER_PROFILE]
)
let displayedData = ref('total_distance')
function updateDisplayData(event: Event & { target: HTMLInputElement }) {
displayedData.value = event.target.name
}
watch(
() => props.user.username,
async () => {
store.dispatch(STATS_STORE.ACTIONS.GET_USER_STATS, {
username: props.user.username,
filterType: 'by_time',
params: apiParams,
})
}
)
return {
chartParams,
displayedData,
sports,
statistics,
t,
updateDisplayData,
weekStartingMonday: computed<boolean>(() => authUser.value.weekm),
}
},
})
</script>
<style lang="scss">
@import '~@/scss/base';
.chart-radio {
display: flex;
justify-content: space-between;
padding: $default-padding;
label {
font-size: 0.9em;
font-weight: normal;
}
}
</style>

View File

@ -1,3 +1,4 @@
{
"DASHBOARD": "Dashboard"
"DASHBOARD": "Dashboard",
"THIS_MONTH": "This month"
}

View File

@ -1,5 +1,7 @@
{
"ADD_WORKOUT": "Add workout",
"DISTANCE": "distance",
"DURATION": "duration",
"KM": "km",
"SPORT": "sport | sports",
"WORKOUT": "workout | workouts"

View File

@ -1,3 +1,4 @@
{
"DASHBOARD": "Tableau de Bord"
"DASHBOARD": "Tableau de Bord",
"THIS_MONTH": "Ce mois"
}

View File

@ -1,5 +1,7 @@
{
"ADD_WORKOUT": "Ajouter une séance",
"DISTANCE": "distance",
"DURATION": "durée",
"KM": "km",
"SPORT": "sport | sports",
"WORKOUT": "séance | séances"

View File

@ -31,7 +31,7 @@ export type TStatisticsFromApi = {
export interface IStatisticsChartDataset {
label: string
backgroundColor: string[]
data: (number | null)[]
data: number[]
}
export type TStatisticsDatasets = Record<
@ -40,6 +40,6 @@ export type TStatisticsDatasets = Record<
>
export interface IStatisticsChartData {
labels: string[]
labels: unknown[]
datasets: TStatisticsDatasets
}

View File

@ -36,14 +36,24 @@ export const getDateKeys = (
return days
}
export const sportColors: Record<string, string> = {
'Cycling (Sport)': '#55A8A3',
'Cycling (Transport)': '#98C3A9',
Hiking: '#D0838A',
'Mountain Biking': '#ECC77E',
Running: '#926692',
Walking: '#929292',
}
const getStatisticsChartDataset = (
sportLabel: string
sportLabel: string,
color: string
): IStatisticsChartDataset =>
Object.assign(
{},
{
label: sportLabel,
backgroundColor: [],
backgroundColor: [color],
data: [],
}
)
@ -55,9 +65,10 @@ export const getDatasets = (displayedSports: ISport[]): TStatisticsDatasets => {
total_duration: [],
}
displayedSports.map((sport) => {
datasets.nb_workouts.push(getStatisticsChartDataset(sport.label))
datasets.total_distance.push(getStatisticsChartDataset(sport.label))
datasets.total_duration.push(getStatisticsChartDataset(sport.label))
const color = sportColors[sport.label]
datasets.nb_workouts.push(getStatisticsChartDataset(sport.label, color))
datasets.total_distance.push(getStatisticsChartDataset(sport.label, color))
datasets.total_duration.push(getStatisticsChartDataset(sport.label, color))
})
return datasets
}
@ -85,15 +96,15 @@ export const formatStats = (
const date: string = format(key, dateFormat)
labels.push(date)
data.map((datasetKey) => {
datasets[datasetKey].map((dataset) =>
datasets[datasetKey].map((dataset) => {
dataset.data.push(
apiStats !== {} &&
date in apiStats &&
sportsId[dataset.label] in apiStats[date]
? apiStats[date][sportsId[dataset.label]][datasetKey]
: null
: 0
)
)
})
})
})
return {

View File

@ -164,51 +164,51 @@ describe('getDatasets', () => {
nb_workouts: [
{
label: 'Cycling (Sport)',
backgroundColor: [],
backgroundColor: ['#55A8A3'],
data: [],
},
{
label: 'Cycling (Transport)',
backgroundColor: [],
backgroundColor: ['#98C3A9'],
data: [],
},
{
label: 'Hiking',
backgroundColor: [],
backgroundColor: ['#D0838A'],
data: [],
},
],
total_distance: [
{
label: 'Cycling (Sport)',
backgroundColor: [],
backgroundColor: ['#55A8A3'],
data: [],
},
{
label: 'Cycling (Transport)',
backgroundColor: [],
backgroundColor: ['#98C3A9'],
data: [],
},
{
label: 'Hiking',
backgroundColor: [],
backgroundColor: ['#D0838A'],
data: [],
},
],
total_duration: [
{
label: 'Cycling (Sport)',
backgroundColor: [],
backgroundColor: ['#55A8A3'],
data: [],
},
{
label: 'Cycling (Transport)',
backgroundColor: [],
backgroundColor: ['#98C3A9'],
data: [],
},
{
label: 'Hiking',
backgroundColor: [],
backgroundColor: ['#D0838A'],
data: [],
},
],
@ -220,21 +220,21 @@ describe('getDatasets', () => {
nb_workouts: [
{
label: 'Cycling (Transport)',
backgroundColor: [],
backgroundColor: ['#98C3A9'],
data: [],
},
],
total_distance: [
{
label: 'Cycling (Transport)',
backgroundColor: [],
backgroundColor: ['#98C3A9'],
data: [],
},
],
total_duration: [
{
label: 'Cycling (Transport)',
backgroundColor: [],
backgroundColor: ['#98C3A9'],
data: [],
},
],
@ -257,52 +257,52 @@ describe('formatStats', () => {
nb_workouts: [
{
label: 'Cycling (Sport)',
backgroundColor: [],
data: [null, null, null],
backgroundColor: ['#55A8A3'],
data: [0, 0, 0],
},
{
label: 'Cycling (Transport)',
backgroundColor: [],
data: [null, null, null],
backgroundColor: ['#98C3A9'],
data: [0, 0, 0],
},
{
label: 'Hiking',
backgroundColor: [],
data: [null, null, null],
backgroundColor: ['#D0838A'],
data: [0, 0, 0],
},
],
total_distance: [
{
label: 'Cycling (Sport)',
backgroundColor: [],
data: [null, null, null],
backgroundColor: ['#55A8A3'],
data: [0, 0, 0],
},
{
label: 'Cycling (Transport)',
backgroundColor: [],
data: [null, null, null],
backgroundColor: ['#98C3A9'],
data: [0, 0, 0],
},
{
label: 'Hiking',
backgroundColor: [],
data: [null, null, null],
backgroundColor: ['#D0838A'],
data: [0, 0, 0],
},
],
total_duration: [
{
label: 'Cycling (Sport)',
backgroundColor: [],
data: [null, null, null],
backgroundColor: ['#55A8A3'],
data: [0, 0, 0],
},
{
label: 'Cycling (Transport)',
backgroundColor: [],
data: [null, null, null],
backgroundColor: ['#98C3A9'],
data: [0, 0, 0],
},
{
label: 'Hiking',
backgroundColor: [],
data: [null, null, null],
backgroundColor: ['#D0838A'],
data: [0, 0, 0],
},
],
},
@ -326,22 +326,22 @@ describe('formatStats', () => {
nb_workouts: [
{
label: 'Cycling (Transport)',
backgroundColor: [],
data: [null, null, null],
backgroundColor: ['#98C3A9'],
data: [0, 0, 0],
},
],
total_distance: [
{
label: 'Cycling (Transport)',
backgroundColor: [],
data: [null, null, null],
backgroundColor: ['#98C3A9'],
data: [0, 0, 0],
},
],
total_duration: [
{
label: 'Cycling (Transport)',
backgroundColor: [],
data: [null, null, null],
backgroundColor: ['#98C3A9'],
data: [0, 0, 0],
},
],
},
@ -392,52 +392,52 @@ describe('formatStats', () => {
nb_workouts: [
{
label: 'Cycling (Sport)',
backgroundColor: [],
data: [1, 1, null],
backgroundColor: ['#55A8A3'],
data: [1, 1, 0],
},
{
label: 'Cycling (Transport)',
backgroundColor: [],
data: [null, 2, null],
backgroundColor: ['#98C3A9'],
data: [0, 2, 0],
},
{
label: 'Hiking',
backgroundColor: [],
data: [null, null, 2],
backgroundColor: ['#D0838A'],
data: [0, 0, 2],
},
],
total_distance: [
{
label: 'Cycling (Sport)',
backgroundColor: [],
data: [10, 15, null],
backgroundColor: ['#55A8A3'],
data: [10, 15, 0],
},
{
label: 'Cycling (Transport)',
backgroundColor: [],
data: [null, 20, null],
backgroundColor: ['#98C3A9'],
data: [0, 20, 0],
},
{
label: 'Hiking',
backgroundColor: [],
data: [null, null, 12],
backgroundColor: ['#D0838A'],
data: [0, 0, 12],
},
],
total_duration: [
{
label: 'Cycling (Sport)',
backgroundColor: [],
data: [3000, 3500, null],
backgroundColor: ['#55A8A3'],
data: [3000, 3500, 0],
},
{
label: 'Cycling (Transport)',
backgroundColor: [],
data: [null, 3000, null],
backgroundColor: ['#98C3A9'],
data: [0, 3000, 0],
},
{
label: 'Hiking',
backgroundColor: [],
data: [null, null, 5000],
backgroundColor: ['#D0838A'],
data: [0, 0, 5000],
},
],
},
@ -488,22 +488,22 @@ describe('formatStats', () => {
nb_workouts: [
{
label: 'Cycling (Sport)',
backgroundColor: [],
data: [1, 1, null],
backgroundColor: ['#55A8A3'],
data: [1, 1, 0],
},
],
total_distance: [
{
label: 'Cycling (Sport)',
backgroundColor: [],
data: [10, 15, null],
backgroundColor: ['#55A8A3'],
data: [10, 15, 0],
},
],
total_duration: [
{
label: 'Cycling (Sport)',
backgroundColor: [],
data: [3000, 3500, null],
backgroundColor: ['#55A8A3'],
data: [3000, 3500, 0],
},
],
},

View File

@ -1718,6 +1718,13 @@
dependencies:
"@vue/shared" "3.1.5"
"@vue/reactivity@3.2.8":
version "3.2.8"
resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.2.8.tgz#b27200ccfaa06f312ac467b12a38161377c557ed"
integrity sha512-/Hj3Uz28SG+xB5SDWPOXUs0emvHkq82EmTgk44/plTVFeswCZ3i3Hd7WmsrPT4rGajlDKd5uqMmW0ith1ED0FA==
dependencies:
"@vue/shared" "3.2.8"
"@vue/runtime-core@3.1.5":
version "3.1.5"
resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.1.5.tgz#a545b7f146092929cb5e833e85439150f17ac87b"
@ -1726,6 +1733,14 @@
"@vue/reactivity" "3.1.5"
"@vue/shared" "3.1.5"
"@vue/runtime-core@3.2.8", "@vue/runtime-core@latest":
version "3.2.8"
resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.2.8.tgz#8a2342c0baa0fee192f819a3bdc19547d7430b88"
integrity sha512-hwzXLGw1njBEY5JSyRXIIdCtzMFFF6F38WcKMmoIE3p7da30jEbWt8EwwrBomjT8ZbqzElOGlewBcnXNOiiIUg==
dependencies:
"@vue/reactivity" "3.2.8"
"@vue/shared" "3.2.8"
"@vue/runtime-dom@3.1.5":
version "3.1.5"
resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.1.5.tgz#4fa28947d408aa368fa17ea0edc1beb9af1472a1"
@ -1735,11 +1750,25 @@
"@vue/shared" "3.1.5"
csstype "^2.6.8"
"@vue/runtime-dom@latest":
version "3.2.8"
resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.2.8.tgz#c6631b507049d39844b0434e81df1aa79efcc6cb"
integrity sha512-A/aRrlGLJ5y4Z7eNbnO/xHwx2RiPijQo7D3OIwESroG3HNP+dpuoqamajo5TXS9ZGjbMOih82COoe7xb9P4BZw==
dependencies:
"@vue/runtime-core" "3.2.8"
"@vue/shared" "3.2.8"
csstype "^2.6.8"
"@vue/shared@3.1.5":
version "3.1.5"
resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.1.5.tgz#74ee3aad995d0a3996a6bb9533d4d280514ede03"
integrity sha512-oJ4F3TnvpXaQwZJNF3ZK+kLPHKarDmJjJ6jyzVNDKH9md1dptjC7lWR//jrGuLdek/U6iltWxqAnYOu8gCiOvA==
"@vue/shared@3.2.8":
version "3.2.8"
resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.8.tgz#2f918e330aeb3f56ab1031ca60a5b30672512457"
integrity sha512-E2DQQnG7Qr4GwTs3GlfPPlHliGVADoufTnhpwfoViw7JlyLMmYtjfnTwM6nXAwvSJWiF7D+7AxpnWBBT3VWo6Q==
"@vue/test-utils@^2.0.0-0":
version "2.0.0-rc.10"
resolved "https://registry.yarnpkg.com/@vue/test-utils/-/test-utils-2.0.0-rc.10.tgz#9ed689cd7d5a1c9ef6693806010e464d2ecc13b2"
@ -2802,6 +2831,11 @@ chardet@^0.7.0:
resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.7.0.tgz#90094849f0937f2eedc2425d0d28a9e5f0cbad9e"
integrity sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==
chart.js@^3.5.1:
version "3.5.1"
resolved "https://registry.yarnpkg.com/chart.js/-/chart.js-3.5.1.tgz#73e24d23a4134a70ccdb5e79a917f156b6f3644a"
integrity sha512-m5kzt72I1WQ9LILwQC4syla/LD/N413RYv2Dx2nnTkRS9iv/ey1xLTt0DnPc/eWV4zI+BgEgDYBIzbQhZHc/PQ==
check-error@^1.0.2:
version "1.0.2"
resolved "https://registry.yarnpkg.com/check-error/-/check-error-1.0.2.tgz#574d312edd88bb5dd8912e9286dd6c0aed4aac82"
@ -3521,6 +3555,11 @@ csstype@^2.6.8:
resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.17.tgz#4cf30eb87e1d1a005d8b6510f95292413f6a1c0e"
integrity sha512-u1wmTI1jJGzCJzWndZo8mk4wnPTZd1eOIYTYvuEyOQGfmDl3TrabCCfKnOC86FZwW/9djqTl933UF/cS425i9A==
csstype@latest:
version "3.0.8"
resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.0.8.tgz#d2266a792729fb227cd216fb572f43728e1ad340"
integrity sha512-jXKhWqXPmlUeoQnF/EhTtTl4C9SnrxSH/jZUih3jmO6lBKr99rP3/+FmrMj4EFpOXzMtXHAZkd3x0E6h6Fgflw==
cyclist@^1.0.1:
version "1.0.1"
resolved "https://registry.yarnpkg.com/cyclist/-/cyclist-1.0.1.tgz#596e9698fd0c80e12038c2b82d6eb1b35b6224d9"
@ -6330,7 +6369,7 @@ lodash.uniq@^4.5.0:
resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
integrity sha1-0CJTc662Uq3BvILklFM5qEJ1R3M=
lodash@^4.17.11, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.17.3:
lodash@^4.17.11, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.17.3, lodash@latest:
version "4.17.21"
resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
@ -6752,6 +6791,11 @@ nanoid@^3.1.23:
resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.1.23.tgz#f744086ce7c2bc47ee0a8472574d5c78e4183a81"
integrity sha512-FiB0kzdP0FFVGDKlRLEQ1BgDzU87dy5NnzjeW9YZNt+/c3+q82EQDUwniSAUxp/F0gFNI1ZhKU1FqYsMuqZVnw==
nanoid@latest:
version "3.1.25"
resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.1.25.tgz#09ca32747c0e543f0e1814b7d3793477f9c8e152"
integrity sha512-rdwtIXaXCLFAQbnfqDRnI6jaRHp9fTcYBjtFKE8eezcZ7LuLjhUaQGNeMXf1HmRoCH32CLz6XwX0TtxEOS/A3Q==
nanomatch@^1.2.9:
version "1.2.13"
resolved "https://registry.yarnpkg.com/nanomatch/-/nanomatch-1.2.13.tgz#b87a8aa4fc0de8fe6be88895b38983ff265bd119"
@ -9742,6 +9786,18 @@ vm-browserify@^1.0.1:
resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-1.1.2.tgz#78641c488b8e6ca91a75f511e7a3b32a86e5dda0"
integrity sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==
vue-chart-3@^0.5.8:
version "0.5.8"
resolved "https://registry.yarnpkg.com/vue-chart-3/-/vue-chart-3-0.5.8.tgz#1b3b6d1160f0696f8757d614eb94a720fb321a9d"
integrity sha512-VJEBTdMgWOaYqekXtz4LVBIeYyIx3qDlQnFyY4Ao1GwizokYZBycCeRN3oKDcYbbZi5yxYqTy6+Tm+m+SOPUPA==
dependencies:
"@vue/runtime-core" latest
"@vue/runtime-dom" latest
csstype latest
lodash latest
nanoid latest
vue-demi "^0.10.1"
vue-cli-plugin-i18n@~2.1.1:
version "2.1.1"
resolved "https://registry.yarnpkg.com/vue-cli-plugin-i18n/-/vue-cli-plugin-i18n-2.1.1.tgz#aa2579cae810ca641662aee33c13b28f11f12d31"
@ -9756,6 +9812,11 @@ vue-cli-plugin-i18n@~2.1.1:
vue-i18n "^8.17.0"
vue-i18n-extract "1.0.2"
vue-demi@^0.10.1:
version "0.10.1"
resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.10.1.tgz#229b81395510f02f4ee255344557a12cc0120930"
integrity sha512-L6Oi+BvmMv6YXvqv5rJNCFHEKSVu7llpWWJczqmAQYOdmPPw5PNYoz1KKS//Fxhi+4QP64dsPjtmvnYGo1jemA==
vue-eslint-parser@^7.0.0, vue-eslint-parser@^7.9.0:
version "7.9.0"
resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-7.9.0.tgz#5eeedc71f22ebc7b18b957d1ab171acf29a41e64"