fix init command in starter app on about page (#1105)

* fix init command in starter app on about page

* add changeset

.changeset/slow-fans-own.md

@@ -0,0 +1,5 @@
+---
+'create-svelte': patch
+---
+
+Fix bootstrapping command on about page

packages/create-svelte/templates/default/src/routes/about.svelte

@@ -21,14 +21,24 @@
 <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>
+	<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>npx 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>
-
-	<p>The <a href="/todos">TODOs</a> page illustrates SvelteKit's data loading and form handling. Try using it with JavaScript disabled!</p>
+	<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>
+
+	<p>
+		The <a href="/todos">TODOs</a> page illustrates SvelteKit's data loading and form handling. Try using
+		it with JavaScript disabled!
+	</p>
 </div>
 
 <style>
@@ -37,4 +47,4 @@
 		max-width: var(--column-width);
 		margin: var(--column-margin-top) auto 0 auto;
 	}
-</style>
+</style>