src/routes/+error.svelte


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>