fix ordering of faq entries

Author: pngwn

src/transform/docs.ts

@@ -309,17 +309,15 @@ export async function transform_faq(
 				});
 			})
 		)
-	)
-		.map((doc, i) => {
-			return {
-				title: doc.data.section_title,
-				slug: doc.data.section_slug,
-				file: blogs[i].name,
-				content: doc.contents.toString(),
-				order: orders[i],
-			};
-		})
-		.sort((a, b) => (a.order < b.order ? 1 : -1));
+	).map((doc, i) => {
+		return {
+			title: doc.data.section_title,
+			slug: doc.data.section_slug,
+			file: blogs[i].name,
+			content: doc.contents.toString(),
+			order: orders[i],
+		};
+	});
 
 	return {
 		list: final_faq.map((d) => {

src/transform/fixtures/faq.ts

@@ -28,20 +28,20 @@ export const faq_in = [
 
 export const faq_out_full = [
 	{
-		title: "How do I document my components?",
-		slug: "how-do-i-document-my-components",
-		file: "450-how-do-i-document-my-components.md",
+		title: "I'm new to Svelte. Where should I start?",
+		slug: "im-new-to-svelte",
+		file: "100-im-new-to-svelte.md",
 		content:
-			"<p>In editors which use the Svelte Language Server you can document Components, functions and exports using specially formatted comments.</p>\n<div class=\"code-block\"><pre class='language-undefined'><code>&lt;script&gt;\n\t/** What should we call the user? */\n\texport let name = 'world';\n&lt;/script&gt;\n\n&lt;!--\n@component\nHere's some documentation for this component.\nIt will show up on hover.\n\n- You can use markdown here.\n- You can also use code blocks here.\n- Usage:\n  ```tsx\n  &lt;main name=\"Arethra\"&gt;\n  ```\n--&gt;\n&lt;main&gt;\n\t&lt;h1&gt;\n\t\tHello, {name}\n\t&lt;/h1&gt;\n&lt;/main&gt;</code></pre></div>\n<p>Note: The <code>@component</code> is necessary in the HTML comment which describes your component.</p>",
-		order: 450,
+			'<p>We think the best way to get started is playing through the interactive <a href="tutorial" rel="noopener noreferrer">Tutorial</a>. Each step there is mainly focused on one specific aspect and is easy to follow. You\'ll be editing and running real Svelte components right in your browser.</p>\n<p>Five to ten minutes should be enough to get you up and running. An hour and a half should get you through the entire tutorial.</p>',
+		order: 100,
 	},
 	{
-		title: "How can I get VS Code to syntax-highlight my .svelte files?",
-		slug: "how-can-i-get-syntax-highlighting",
-		file: "400-how-can-i-get-syntax-highlighting.md",
+		title: "Are there any video courses?",
+		slug: "are-there-any-video-courses",
+		file: "200-are-there-any-video-courses.md",
 		content:
-			'<p>There is an <a href="https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode" target="_blank" rel="noopener noreferrer">official VS Code extension for Svelte</a>.</p>',
-		order: 400,
+			'<p>Rich Harris, the creator of Svelte, taught a course:</p>\n<ul>\n<li><a href="https://frontendmasters.com/courses/svelte/" target="_blank" rel="noopener noreferrer">Frontend Masters</a></li>\n</ul>\n<p>There are also a number of third-party courses:</p>\n<ul>\n<li><a href="https://egghead.io/browse/frameworks/svelte" target="_blank" rel="noopener noreferrer">Egghead</a></li>\n<li><a href="https://www.udemy.com/courses/search/?q=sveltejs+svelte" target="_blank" rel="noopener noreferrer">Udemy</a></li>\n</ul>\n<p>Note that Udemy very frequently has discounts over 90%.</p>',
+		order: 200,
 	},
 	{
 		title: "Are there any books?",
@@ -52,35 +52,35 @@ export const faq_out_full = [
 		order: 250,
 	},
 	{
-		title: "Are there any video courses?",
-		slug: "are-there-any-video-courses",
-		file: "200-are-there-any-video-courses.md",
+		title: "How can I get VS Code to syntax-highlight my .svelte files?",
+		slug: "how-can-i-get-syntax-highlighting",
+		file: "400-how-can-i-get-syntax-highlighting.md",
 		content:
-			'<p>Rich Harris, the creator of Svelte, taught a course:</p>\n<ul>\n<li><a href="https://frontendmasters.com/courses/svelte/" target="_blank" rel="noopener noreferrer">Frontend Masters</a></li>\n</ul>\n<p>There are also a number of third-party courses:</p>\n<ul>\n<li><a href="https://egghead.io/browse/frameworks/svelte" target="_blank" rel="noopener noreferrer">Egghead</a></li>\n<li><a href="https://www.udemy.com/courses/search/?q=sveltejs+svelte" target="_blank" rel="noopener noreferrer">Udemy</a></li>\n</ul>\n<p>Note that Udemy very frequently has discounts over 90%.</p>',
-		order: 200,
+			'<p>There is an <a href="https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode" target="_blank" rel="noopener noreferrer">official VS Code extension for Svelte</a>.</p>',
+		order: 400,
 	},
 	{
-		title: "I'm new to Svelte. Where should I start?",
-		slug: "im-new-to-svelte",
-		file: "100-im-new-to-svelte.md",
+		title: "How do I document my components?",
+		slug: "how-do-i-document-my-components",
+		file: "450-how-do-i-document-my-components.md",
 		content:
-			'<p>We think the best way to get started is playing through the interactive <a href="tutorial" rel="noopener noreferrer">Tutorial</a>. Each step there is mainly focused on one specific aspect and is easy to follow. You\'ll be editing and running real Svelte components right in your browser.</p>\n<p>Five to ten minutes should be enough to get you up and running. An hour and a half should get you through the entire tutorial.</p>',
-		order: 100,
+			"<p>In editors which use the Svelte Language Server you can document Components, functions and exports using specially formatted comments.</p>\n<div class=\"code-block\"><pre class='language-undefined'><code>&lt;script&gt;\n\t/** What should we call the user? */\n\texport let name = 'world';\n&lt;/script&gt;\n\n&lt;!--\n@component\nHere's some documentation for this component.\nIt will show up on hover.\n\n- You can use markdown here.\n- You can also use code blocks here.\n- Usage:\n  ```tsx\n  &lt;main name=\"Arethra\"&gt;\n  ```\n--&gt;\n&lt;main&gt;\n\t&lt;h1&gt;\n\t\tHello, {name}\n\t&lt;/h1&gt;\n&lt;/main&gt;</code></pre></div>\n<p>Note: The <code>@component</code> is necessary in the HTML comment which describes your component.</p>",
+		order: 450,
 	},
 ];
 
 export const faq_out_list = [
 	{
-		title: "How do I document my components?",
-		slug: "how-do-i-document-my-components",
-		file: "450-how-do-i-document-my-components.md",
-		order: 450,
+		title: "I'm new to Svelte. Where should I start?",
+		slug: "im-new-to-svelte",
+		file: "100-im-new-to-svelte.md",
+		order: 100,
 	},
 	{
-		title: "How can I get VS Code to syntax-highlight my .svelte files?",
-		slug: "how-can-i-get-syntax-highlighting",
-		file: "400-how-can-i-get-syntax-highlighting.md",
-		order: 400,
+		title: "Are there any video courses?",
+		slug: "are-there-any-video-courses",
+		file: "200-are-there-any-video-courses.md",
+		order: 200,
 	},
 	{
 		title: "Are there any books?",
@@ -89,15 +89,15 @@ export const faq_out_list = [
 		order: 250,
 	},
 	{
-		title: "Are there any video courses?",
-		slug: "are-there-any-video-courses",
-		file: "200-are-there-any-video-courses.md",
-		order: 200,
+		title: "How can I get VS Code to syntax-highlight my .svelte files?",
+		slug: "how-can-i-get-syntax-highlighting",
+		file: "400-how-can-i-get-syntax-highlighting.md",
+		order: 400,
 	},
 	{
-		title: "I'm new to Svelte. Where should I start?",
-		slug: "im-new-to-svelte",
-		file: "100-im-new-to-svelte.md",
-		order: 100,
+		title: "How do I document my components?",
+		slug: "how-do-i-document-my-components",
+		file: "450-how-do-i-document-my-components.md",
+		order: 450,
 	},
 ];