src/lib/SettingToggle.svelte


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<script lang="ts">
	import settings, { type Settings } from '../stores/settings';

	export let setting: keyof Settings;
	export let on = '';
	export let off = '';
	export let lineBreak = true;
</script>

<a
	href={'#'}
	on:click={() =>
		$settings[setting] ? settings.setKey(setting, false) : settings.setKey(setting, true)}
	>{$settings[setting] ? on : off} <slot /></a
>

{#if lineBreak}
	<br />
{/if}