arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-25 17:30:37 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(devtools): error with renderer when colorMode is disabled (#2792)

Browse Source
This commit is contained in:
Romain Hamel
2024-11-28 10:51:55 +01:00
committed by GitHub
parent ecc4755a17
commit f06fbafc1e
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/devtools/runtime/DevtoolsRenderer.vue
View File

@@ -1,7 +1,8 @@
<script setup lang="ts"> <script setup lang="ts">
import { onUnmounted, onMounted, reactive } from 'vue' import { onUnmounted, onMounted, reactive } from 'vue'
import { pascalCase } from 'scule' import { pascalCase } from 'scule'
import { defineAsyncComponent, useColorMode, useRoute } from '#imports' import { defineAsyncComponent, useRoute } from '#imports'
import { useColorMode } from '@vueuse/core'
const route = useRoute() const route = useRoute()
const component = route.query?.example const component = route.query?.example
@@ -15,9 +16,9 @@ function onUpdateRenderer(event: Event & { data?: any }) {
state.slots = { ...event.data.slots } state.slots = { ...event.data.slots }
} }
const colorMode = useColorMode() const mode = useColorMode()
function setColorMode(event: Event & { isDark?: boolean }) { function setColorMode(event: Event & { isDark?: boolean }) {
colorMode.preference = event.isDark ? 'dark' : 'light' mode.value = event.isDark ? 'dark' : 'light'
} }
onMounted(() => { onMounted(() => {