blob: 9e1bca13b1b99437364ba6098bfb6228d7835bed (
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
|
<script lang="ts">
import { page } from '$app/stores';
import { closest } from '$lib/Error/path';
import Popup from '$lib/Layout/Popup.svelte';
$: suggestion = closest($page.url.pathname.replace('/', ''), [
'birthdays',
'completed',
'schedule',
'hololive',
'settings',
'tools',
'updates',
'user',
'wrapped'
]);
</script>
<Popup>
<p style="text-align: center;">
<a href={$page.url.pathname}>{$page.url.pathname}</a> not found
</p>
<blockquote style="margin: 0 0 0 1.5rem;">
Did you mean "<a
href={suggestion}
style={suggestion === '...' ? 'pointer-events: none; color: inherit;' : ''}
>{suggestion.charAt(0).toUpperCase() + suggestion.slice(1)}</a
>"?
</blockquote>
</Popup>
|