Update sounds.vue

This commit is contained in:
syuilo 2025-03-03 11:21:26 +09:00
parent a898bda4dc
commit fd73c362a1
1 changed files with 35 additions and 30 deletions

View File

@ -4,10 +4,14 @@ SPDX-License-Identifier: AGPL-3.0-only
--> -->
<template> <template>
<SearchMarker path="/settings/sounds" :label="i18n.ts.sounds" :keywords="['sounds']" icon="ti ti-music">
<div class="_gaps_m"> <div class="_gaps_m">
<SearchMarker>
<MkSwitch v-model="notUseSound"> <MkSwitch v-model="notUseSound">
<template #label>{{ i18n.ts.notUseSound }}</template> <template #label><SearchLabel>{{ i18n.ts.notUseSound }}</SearchLabel></template>
</MkSwitch> </MkSwitch>
</SearchMarker>
<MkSwitch v-model="useSoundOnlyWhenActive"> <MkSwitch v-model="useSoundOnlyWhenActive">
<template #label>{{ i18n.ts.useSoundOnlyWhenActive }}</template> <template #label>{{ i18n.ts.useSoundOnlyWhenActive }}</template>
</MkSwitch> </MkSwitch>
@ -35,12 +39,13 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkButton danger @click="reset()"><i class="ti ti-reload"></i> {{ i18n.ts.default }}</MkButton> <MkButton danger @click="reset()"><i class="ti ti-reload"></i> {{ i18n.ts.default }}</MkButton>
</div> </div>
</SearchMarker>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { computed, ref } from 'vue'; import { computed, ref } from 'vue';
import type { Ref } from 'vue';
import XSound from './sounds.sound.vue'; import XSound from './sounds.sound.vue';
import type { Ref } from 'vue';
import type { SoundType, OperationType } from '@/scripts/sound.js'; import type { SoundType, OperationType } from '@/scripts/sound.js';
import type { SoundStore } from '@/store.js'; import type { SoundStore } from '@/store.js';
import MkRange from '@/components/MkRange.vue'; import MkRange from '@/components/MkRange.vue';