-
Notifications
You must be signed in to change notification settings - Fork 105
Closed
Labels
⚙️ bug : configConfig is not working properlyConfig is not working properly⚙️ update: configAdd or modify config atributesAdd or modify config atributes
Description
Describe the bug
The child component (modal) does not inherit themes well; only the default and dark themes work, while themes such as "hack", "celebration", "celebrationNight", etc. do not inherit and the modal opens in the default theme, i.e., in the light theme.
This problem also is reproduced here
import { ref } from 'vue';
import { VueUiDonutEvolution, type VueUiDonutEvolutionDatasetItem, type VueUiDonutEvolutionConfig } from 'vue-data-ui';
import 'vue-data-ui/style.css';
const dataset: VueUiDonutEvolutionDatasetItem[] = [
{
name: 'Serie 1',
values: [55, 34, 21, 13, 8, 5, 8, 13, 21, 34, 55],
},
{
name: 'Serie 2',
values: [1, 12, 24, 32, 5, 8, 13, 21, 34, 55, 89],
},
{
name: 'Serie 3',
values: [16, 2, 3, 5, 28, 13, 21, 34, 55, 89, 134],
},
{
name: 'Serie 4',
values: [5, null, 5, 5, 5, 5],
},
];
const config = ref<VueUiDonutEvolutionConfig>({ theme: 'celebrationNight' });
</script>
<template>
<VueUiDonutEvolution
style="width: 800px"
:dataset="dataset"
:config="config"
/>
</template>
Screenshots
Vue Data UI version: 3.7.12
Additional context
I also use bootstrap vue next.
Metadata
Metadata
Assignees
Labels
⚙️ bug : configConfig is not working properlyConfig is not working properly⚙️ update: configAdd or modify config atributesAdd or modify config atributes