ちょっと一息。SvelteKitのエラーページを猫に頼んでみた。

はじめに

皆さんはHTTP Catsというものをご存じでしょうか

このようにhttps://http.cat/[status_code]の[status_code]の部分に200みたいに入れることで...

のように猫の画像＋ステータスコードを表示することができます。

SvelteKitの+error.svelteというエラー時に表示させるページにこの猫ちゃんを登場させて、エラーページを和ませたい。

実装

+error.svelte

<script>
  import { page } from '$app/stores';
</script>

<img src="https://http.cat/{$page.status}" alt="{$page.status}_cat">

終わり...ｗ

404

500

SvelteKitさえ構築できれば誰でも実装できそうですね。