Upgrade to latest dependencies, accommodate breaking SvelteKit changes (#18)

Author: metonym

package-lock.json

@@ -10,13 +10,13 @@
  "@fontsource/fira-mono": "^4.2.2"
  },
  "devDependencies": {
- "@sveltejs/adapter-static": "^1.0.0-next.38",
- "@sveltejs/kit": "^1.0.0-next.403",
- "svelte": "^3.49.0",
- "vite": "^3.0.4"
+ "@sveltejs/adapter-static": "^1.0.0-next.44",
+ "@sveltejs/kit": "^1.0.0-next.511",
+ "svelte": "^3.50.1",
+ "vite": "^3.1.6"
  },
  "type": "module",
  "engines": {
- "node": ">=16.7"
+ "node": ">=16.14"
  }
 }

package.json

@@ -0,0 +1,2 @@
+export const ssr = false;
+export const prerender = true;

src/hooks.js

@@ -0,0 +1,30 @@
+<svelte:head>
+ <title>About</title>
+</svelte:head>
+
+<div class="content">
+ <h1>About this app</h1>
+
+ <p>
+ This is a <a href="https://kit.svelte.dev">SvelteKit</a> app. You can make your
+ own by typing the following into your command line and following the prompts:
+ </p>
+
+ <!-- TODO lose the @next! -->
+ <pre>npm init svelte@next</pre>
+
+ <p>
+ The page you're looking at is purely static HTML, with no client-side
+ interactivity needed. Because of that, we don't need to load any JavaScript.
+ Try viewing the page's source, or opening the devtools network panel and
+ reloading.
+ </p>
+</div>
+
+<style>
+ .content {
+ width: 100%;
+ max-width: var(--column-width);
+ margin: var(--column-margin-top) auto 0 auto;
+ }
+</style>

src/routes/+layout.js

@@ -4,9 +4,6 @@ import adapter from '@sveltejs/adapter-static';
 const config = {
 kit: {
 adapter: adapter(),
-prerender: {
-default: true,
-},
 }
 };