refactor(settings): component toggles

1 files changed, 19 insertions, 0 deletions

diff --git a/src/lib/SettingToggle.svelte b/src/lib/SettingToggle.svelte
new file mode 100644
index 00000000..fffb854f
--- /dev/null
+++ b/src/lib/SettingToggle.svelte
@@ -0,0 +1,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}