Env Chores (#40)

src/routes/+layout.svelte

@@ -17,7 +17,7 @@
 	class="sticky top-0 z-50 border-b border-mono-100 bg-white text-lg leading-none lg:overflow-y-visible"
 	id="navigation"
 >
-	<div class="mx-auto max-w-prose px-4 py-1 sm:py-2 sm:px-6 lg:px-8">
+	<div class="mx-auto max-w-prose px-4 py-1 sm:px-6 sm:py-2 lg:px-8">
 		<div class="relative grid grid-cols-12 gap-1 text-base md:gap-3">
 			<div class="col-span-2 flex items-center justify-start leading-none">
 				<a href="{base}/#navigation" class="flex-shrink-0 py-1">

src/routes/+page.server.ts

@@ -1,4 +1,4 @@
-import content from '$content/docs.md?raw';
+import content from '$src/content/docs.md?raw';
 import type { PageServerLoad } from './$types';
 import { use_markdown } from './use-markdown';
 

src/routes/+page.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
 	import { base } from '$app/paths';
-	import { Section } from '$content/components';
-	// import Docs from '$content/docs.md';
-	import { episodes } from '$content/episodes';
+	import { Section } from '$src/content/components';
+	// import Docs from '$src/content/docs.md';
+	import { episodes } from '$src/content/episodes';
 	import { onMount } from 'svelte';
 	import { episode_audio, PlayerWidget } from 'svelte-podcast';
 	import type { PageServerData } from './$types';
@@ -54,15 +54,16 @@
 						</span>
 					</h1>
 					<p class="mt-6 text-xl leading-8 text-mono-600">
-						A suite of tools and components to build your own podcast players, and work with RSS
-						podcast data in SvelteKit.
+						A suite of tools and components to build your own podcast players, and work with
+						RSS podcast data in SvelteKit.
 						<span class="mt-3 block text-base leading-none text-primary-800">
 							<span
 								class="inline-block rounded-full bg-primary-50 px-3 py-1.5 text-xs font-medium uppercase tracking-wider text-primary-600"
 							>
 								Coming Soon<span class="sr-only">:</span>
 							</span>
-							<span class="tracking-wide">SSR utilities for consuming RSS podcast feeds</span>
+							<span class="tracking-wide">SSR utilities for consuming RSS podcast feeds</span
+							>
 						</span>
 					</p>
 					<div class="mt-10 flex items-center justify-center gap-x-3">

src/routes/demo/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Section } from '$content/components';
+	import { Section } from '$src/content/components';
 	import {
 		episode_audio,
 		episode_progress,
@@ -62,7 +62,11 @@
 			</div>
 			<div>
 				<label for="pw_playback_rate">playback_rate</label>
-				<input id="pw_playback_rate" type="checkbox" bind:checked={player_widget.playback_rate} />
+				<input
+					id="pw_playback_rate"
+					type="checkbox"
+					bind:checked={player_widget.playback_rate}
+				/>
 			</div>
 			<div>
 				<label for="pw_duration">duration</label>
@@ -87,7 +91,11 @@
 		<svelte:fragment slot="options">
 			<div>
 				<label for="pw_playback_rate">playback_rate</label>
-				<input id="pw_playback_rate" type="checkbox" bind:checked={player_stack.playback_rate} />
+				<input
+					id="pw_playback_rate"
+					type="checkbox"
+					bind:checked={player_stack.playback_rate}
+				/>
 			</div>
 			<div>
 				<label for="pw_timestamps">timestamps</label>

src/routes/hljs-svelte.ts

@@ -40,11 +40,14 @@ export function hljsDefineSvelte(hljs: HLJSApi) {
 				subLanguage: 'javascript',
 				contains: [
 					{
+						// eslint-disable-next-line no-useless-escape
 						begin: /[\{]/,
+						// eslint-disable-next-line no-useless-escape
 						end: /[\}]/,
 						skip: true,
 					},
 					{
+						// eslint-disable-next-line no-useless-escape
 						begin: /([#:\/@])(if|else|each|await|then|catch|debug|html)/gm,
 						className: 'keyword',
 						relevance: 10,