diff --git a/examples/sveltekit/src/routes/about/+page.svelte b/examples/sveltekit/src/routes/about/+page.svelte index 7f7946d2..9dffffba 100644 --- a/examples/sveltekit/src/routes/about/+page.svelte +++ b/examples/sveltekit/src/routes/about/+page.svelte @@ -1,26 +1,513 @@ - About - + About +
-

About this app

+

About this app

-

- This is a SvelteKit app. You can make your own by typing the - following into your command line and following the prompts: -

+

+ This is a SvelteKit app. You can make your + own by typing the following into your command line and following the prompts: +

-
npm create svelte@latest
+
npm create svelte@latest
-

- 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. -

+

+ 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. +

-

- The Sverdle page illustrates SvelteKit's data loading and form handling. Try - using it with JavaScript disabled! -

+

+ The Sverdle page illustrates SvelteKit's data loading + and form handling. Try using it with JavaScript disabled! +

+

+ This is a SvelteKit app. You can make your + own by typing the following into your command line and following the prompts: +

+ +
npm create svelte@latest
+ +

+ 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. +

+ +

+ The Sverdle page illustrates SvelteKit's data loading + and form handling. Try using it with JavaScript disabled! +

+

+ This is a SvelteKit app. You can make your + own by typing the following into your command line and following the prompts: +

+ +
npm create svelte@latest
+ +

+ 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. +

+ +

+ The Sverdle page illustrates SvelteKit's data loading + and form handling. Try using it with JavaScript disabled! +

+

+ This is a SvelteKit app. You can make your + own by typing the following into your command line and following the prompts: +

+ +
npm create svelte@latest
+ +

+ 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. +

+ +

+ The Sverdle page illustrates SvelteKit's data loading + and form handling. Try using it with JavaScript disabled! +

+

+ This is a SvelteKit app. You can make your + own by typing the following into your command line and following the prompts: +

+ +
npm create svelte@latest
+ +

+ 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. +

+ +

+ The Sverdle page illustrates SvelteKit's data loading + and form handling. Try using it with JavaScript disabled! +

+

+ This is a SvelteKit app. You can make your + own by typing the following into your command line and following the prompts: +

+ +
npm create svelte@latest
+ +

+ 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. +

+ +

+ The Sverdle page illustrates SvelteKit's data loading + and form handling. Try using it with JavaScript disabled! +

+

+ This is a SvelteKit app. You can make your + own by typing the following into your command line and following the prompts: +

+ +
npm create svelte@latest
+ +

+ 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. +

+ +

+ The Sverdle page illustrates SvelteKit's data loading + and form handling. Try using it with JavaScript disabled! +

+

+ This is a SvelteKit app. You can make your + own by typing the following into your command line and following the prompts: +

+ +
npm create svelte@latest
+ +

+ 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. +

+ +

+ The Sverdle page illustrates SvelteKit's data loading + and form handling. Try using it with JavaScript disabled! +

+

+ This is a SvelteKit app. You can make your + own by typing the following into your command line and following the prompts: +

+ +
npm create svelte@latest
+ +

+ 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. +

+ +

+ The Sverdle page illustrates SvelteKit's data loading + and form handling. Try using it with JavaScript disabled! +

+

+ This is a SvelteKit app. You can make your + own by typing the following into your command line and following the prompts: +

+ +
npm create svelte@latest
+ +

+ 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. +

+ +

+ The Sverdle page illustrates SvelteKit's data loading + and form handling. Try using it with JavaScript disabled! +

+

+ This is a SvelteKit app. You can make your + own by typing the following into your command line and following the prompts: +

+ +
npm create svelte@latest
+ +

+ 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. +

+ +

+ The Sverdle page illustrates SvelteKit's data loading + and form handling. Try using it with JavaScript disabled! +

+

+ This is a SvelteKit app. You can make your + own by typing the following into your command line and following the prompts: +

+ +
npm create svelte@latest
+ +

+ 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. +

+ +

+ The Sverdle page illustrates SvelteKit's data loading + and form handling. Try using it with JavaScript disabled! +

+

+ This is a SvelteKit app. You can make your + own by typing the following into your command line and following the prompts: +

+ +
npm create svelte@latest
+ +

+ 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. +

+ +

+ The Sverdle page illustrates SvelteKit's data loading + and form handling. Try using it with JavaScript disabled! +

+

+ This is a SvelteKit app. You can make your + own by typing the following into your command line and following the prompts: +

+ +
npm create svelte@latest
+ +

+ 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. +

+ +

+ The Sverdle page illustrates SvelteKit's data loading + and form handling. Try using it with JavaScript disabled! +

+

+ This is a SvelteKit app. You can make your + own by typing the following into your command line and following the prompts: +

+ +
npm create svelte@latest
+ +

+ 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. +

+ +

+ The Sverdle page illustrates SvelteKit's data loading + and form handling. Try using it with JavaScript disabled! +

+

+ This is a SvelteKit app. You can make your + own by typing the following into your command line and following the prompts: +

+ +
npm create svelte@latest
+ +

+ 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. +

+ +

+ The Sverdle page illustrates SvelteKit's data loading + and form handling. Try using it with JavaScript disabled! +

+

+ This is a SvelteKit app. You can make your + own by typing the following into your command line and following the prompts: +

+ +
npm create svelte@latest
+ +

+ 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. +

+ +

+ The Sverdle page illustrates SvelteKit's data loading + and form handling. Try using it with JavaScript disabled! +

+

+ This is a SvelteKit app. You can make your + own by typing the following into your command line and following the prompts: +

+ +
npm create svelte@latest
+ +

+ 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. +

+ +

+ The Sverdle page illustrates SvelteKit's data loading + and form handling. Try using it with JavaScript disabled! +

+

+ This is a SvelteKit app. You can make your + own by typing the following into your command line and following the prompts: +

+ +
npm create svelte@latest
+ +

+ 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. +

+ +

+ The Sverdle page illustrates SvelteKit's data loading + and form handling. Try using it with JavaScript disabled! +

+

+ This is a SvelteKit app. You can make your + own by typing the following into your command line and following the prompts: +

+ +
npm create svelte@latest
+ +

+ 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. +

+ +

+ The Sverdle page illustrates SvelteKit's data loading + and form handling. Try using it with JavaScript disabled! +

+

+ This is a SvelteKit app. You can make your + own by typing the following into your command line and following the prompts: +

+ +
npm create svelte@latest
+ +

+ 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. +

+ +

+ The Sverdle page illustrates SvelteKit's data loading + and form handling. Try using it with JavaScript disabled! +

+

+ This is a SvelteKit app. You can make your + own by typing the following into your command line and following the prompts: +

+ +
npm create svelte@latest
+ +

+ 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. +

+ +

+ The Sverdle page illustrates SvelteKit's data loading + and form handling. Try using it with JavaScript disabled! +

+

+ This is a SvelteKit app. You can make your + own by typing the following into your command line and following the prompts: +

+ +
npm create svelte@latest
+ +

+ 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. +

+ +

+ The Sverdle page illustrates SvelteKit's data loading + and form handling. Try using it with JavaScript disabled! +

+

+ This is a SvelteKit app. You can make your + own by typing the following into your command line and following the prompts: +

+ +
npm create svelte@latest
+ +

+ 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. +

+ +

+ The Sverdle page illustrates SvelteKit's data loading + and form handling. Try using it with JavaScript disabled! +

+

+ This is a SvelteKit app. You can make your + own by typing the following into your command line and following the prompts: +

+ +
npm create svelte@latest
+ +

+ 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. +

+ +

+ The Sverdle page illustrates SvelteKit's data loading + and form handling. Try using it with JavaScript disabled! +

+

+ This is a SvelteKit app. You can make your + own by typing the following into your command line and following the prompts: +

+ +
npm create svelte@latest
+ +

+ 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. +

+ +

+ The Sverdle page illustrates SvelteKit's data loading + and form handling. Try using it with JavaScript disabled! +

+

+ This is a SvelteKit app. You can make your + own by typing the following into your command line and following the prompts: +

+ +
npm create svelte@latest
+ +

+ 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. +

+ +

+ The Sverdle page illustrates SvelteKit's data loading + and form handling. Try using it with JavaScript disabled! +

+

+ This is a SvelteKit app. You can make your + own by typing the following into your command line and following the prompts: +

+ +
npm create svelte@latest
+ +

+ 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. +

+ +

+ The Sverdle page illustrates SvelteKit's data loading + and form handling. Try using it with JavaScript disabled! +

diff --git a/examples/sveltekit/src/routes/about/+page.ts b/examples/sveltekit/src/routes/about/+page.ts index cd03567d..a7b836f7 100644 --- a/examples/sveltekit/src/routes/about/+page.ts +++ b/examples/sveltekit/src/routes/about/+page.ts @@ -6,4 +6,4 @@ export const csr = dev; // since there's no dynamic data here, we can prerender // it so that it gets served as a static asset in production -export const prerender = true; +export const prerender = false; diff --git a/examples/sveltekit/src/routes/sverdle/how-to-play/+page.svelte b/examples/sveltekit/src/routes/sverdle/how-to-play/+page.svelte index e8e2cec3..19e464df 100644 --- a/examples/sveltekit/src/routes/sverdle/how-to-play/+page.svelte +++ b/examples/sveltekit/src/routes/sverdle/how-to-play/+page.svelte @@ -1,95 +1,15 @@ - How to play Sverdle - + How to play Sverdle +
-

How to play Sverdle

- -

- Sverdle is a clone of Wordle, the - word guessing game. To play, enter a five-letter English word. For example: -

- -
- r - i - t - z - y -
- -

- The y is in the right place. r and - t - are the right letters, but in the wrong place. The other letters are wrong, and can be discarded. - Let's make another guess: -

- -
- p - a - r - t - y -
- -

This time we guessed right! You have six guesses to get the word.

- -

- Unlike the original Wordle, Sverdle runs on the server instead of in the browser, making it - impossible to cheat. It uses <form> and cookies to submit data, meaning you can - even play with JavaScript disabled! -

+

How to play Sverdle

+ +

+ Sverdle is a clone of Wordle, the word guessing game. To play, enter a five-letter English word. For + example: +

- -