123456789101112131415161718192021222324252627282930313233343536373839 |
- <script lang="typescript">
- export let status: string;
- export let error: Error;
- // @ts-ignore -- creates a warning when the left side of the === is replaced with "production" by rollup-plugin-replace in `rollup.config.js`
- const dev = process.env.NODE_ENV === "development";
- </script>
- <style>
- section {
- flex: 1 1 0%;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- }
-
- h1, h2 {
- color: #C53030;
- }
- h1 {
- margin-top: 0.25rem;
- font-size: 1.5rem;
- }
- h2 {
- font-size: 1.125rem;
- }
- </style>
- <section>
- <h1>{error.message}</h1>
- <h2>{status}</h2>
- </section>
- {#if dev && error.stack}
- <pre>{error.stack}</pre>
- {/if}
|