blob: 8bae4c84475d01069b85d6c514773a24ae5ea383 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
|
<script lang="ts">
import Spacer from '$lib/Layout/Spacer.svelte';
import settings from '$stores/settings';
import { addNotification } from '$lib/Notification/store';
import SettingHint from '../SettingHint.svelte';
import { options } from '$lib/Notification/options';
import locale from '$stores/locale';
import SettingCheckboxToggle from '../SettingCheckboxToggle.svelte';
import localforage from 'localforage';
import { browser } from '$app/environment';
const clearCaches = async () => {
if (!browser) return;
await localforage.removeItem('anime');
await localforage.removeItem('manga');
addNotification(
options({
heading: 'Anime and manga list caches successfully cleared'
})
);
};
</script>
<SettingCheckboxToggle setting="debugDummyLists" text={$locale().debug.dummyLists} />
<button onclick={clearCaches}>{$locale().debug.clearCaches}</button>
<Spacer />
<button
onclick={() => {
settings.reset();
addNotification(
options({
heading: 'All settings successfully reset'
})
);
}}
>
{$locale().debug.resetAllSettings.title}
</button>
<SettingHint lineBreak>
{$locale().debug.resetAllSettings.hint}
</SettingHint>
<Spacer />
<button
onclick={async () => {
await localforage.clear();
addNotification(
options({
heading: 'local database successfully cleared'
})
);
}}>{$locale().debug.clearLocalStorage.title} local database</button
>
<SettingHint lineBreak>
{$locale().debug.clearLocalStorage.hint1}
<br />
{$locale().debug.clearLocalStorage.hint2}
</SettingHint>
<Spacer />
Custom CSS
<textarea bind:value={$settings.displayCustomCSS}></textarea>
|