components/ColorModeButton.vue
<template>
<div
class="flex items-center m-0"
:class="isMobileDevice ? 'navbar-item' : ''"
@click="switchToNextMode"
>
<ColorScheme placeholder="...">
<span>{{ currentMode.label }}</span>
<NeoIcon :icon="currentMode.icon" />
</ColorScheme>
</div>
</template>
<script lang="ts" setup>
import { NeoIcon } from '@kodadot1/brick'
import { isMobileDevice } from '@/utils/extension'
const { currentMode, switchToNextMode } = useTheme()
</script>