25 lines
694 B
Vue
25 lines
694 B
Vue
<template>
|
|
<div class="dropdown is-hoverable">
|
|
<div class="dropdown-trigger">
|
|
<button class="button">
|
|
<span>{{ t('userSettings.themeSelect') }}</span>
|
|
</button>
|
|
</div>
|
|
<div class="dropdown-menu">
|
|
<div class="dropdown-content">
|
|
<button class="dropdown-item" @click.prevent="setTheme('light')">
|
|
{{ t('userSettings.light') }}
|
|
</button>
|
|
<button class="dropdown-item" @click.prevent="setTheme('dark')">
|
|
{{ t('userSettings.dark') }}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { useI18n } from 'vue-i18n';
|
|
import { setTheme } from './theme';
|
|
const {t} = useI18n();
|
|
</script> |