chore: use current templating (#192)

sacrosanctic · web-flow · commit 71129027ea16 · 2025-11-03T08:48:18.000-08:00
diff --git a/.gitignore b/.gitignore
@@ -1,6 +1,23 @@
-.DS_Store
-/node_modules
-/build
-/.netlify
+node_modules
+
+# Output
+.output
+.vercel
+.netlify
+.wrangler
 /.svelte-kit
-/.vercel
+/build
+
+# OS
+.DS_Store
+Thumbs.db
+
+# Env
+.env
+.env.*
+!.env.example
+!.env.test
+
+# Vite
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*
diff --git a/.prettierrc b/.prettierrc
@@ -2,5 +2,14 @@
 	"useTabs": true,
 	"singleQuote": true,
 	"trailingComma": "none",
-	"printWidth": 100
+	"printWidth": 100,
+	"plugins": ["prettier-plugin-svelte"],
+	"overrides": [
+		{
+			"files": "*.svelte",
+			"options": {
+				"parser": "svelte"
+			}
+		}
+	]
 }
diff --git a/README.md b/README.md
@@ -10,14 +10,14 @@ For more information on how to this works with other frontends/backends, head ov
 
 ## Running locally
 
-```bash
-npm install
-npm run dev
+```sh
+pnpm install
+pnpm run dev
 ```
 
 To build and start in prod mode:
 
-```bash
-npm run build
-npm run preview
+```sh
+pnpm run build
+pnpm run preview
 ```
diff --git a/src/app.html b/src/app.html
@@ -2,7 +2,6 @@
 <html lang="en">
 	<head>
 		<meta charset="utf-8" />
-		<link rel="icon" href="/favicon.ico" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		<link rel="manifest" href="/manifest.json" />
 
@@ -23,6 +22,6 @@
 		%sveltekit.head%
 	</head>
 	<body data-sveltekit-preload-data="hover">
-		<div>%sveltekit.body%</div>
+		<div style="display: contents">%sveltekit.body%</div>
 	</body>
 </html>
diff --git a/src/lib/assets/favicon.ico b/src/lib/assets/favicon.ico
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -1,11 +1,16 @@
 <script>
 	import { navigating } from '$app/state';
+	import favicon from '$lib/assets/favicon.ico';
 	import Nav from './Nav.svelte';
 	import PreloadingIndicator from './PreloadingIndicator.svelte';
 
 	const { children } = $props();
 </script>
 
+<svelte:head>
+	<link rel="icon" href={favicon} />
+</svelte:head>
+
 {#if navigating}
 	<PreloadingIndicator />
 {/if}
diff --git a/src/routes/article/[slug]/CommentInput.svelte b/src/routes/article/[slug]/CommentInput.svelte
@@ -7,7 +7,8 @@
 
 <form use:enhance method="POST" action="?/createComment" class="card comment-form">
 	<div class="card-block">
-		<textarea class="form-control" name="comment" placeholder="Write a comment..." rows="3"></textarea>
+		<textarea class="form-control" name="comment" placeholder="Write a comment..." rows="3"
+		></textarea>
 	</div>
 
 	<div class="card-footer">
diff --git a/static/robots.txt b/static/robots.txt
@@ -1,3 +1,3 @@
-# https://www.robotstxt.org/robotstxt.html
+# allow crawling everything by default
 User-agent: *
 Disallow:
diff --git a/svelte.config.js b/svelte.config.js
@@ -1,11 +1,13 @@
 import adapter from '@sveltejs/adapter-vercel';
 
 /** @type {import('@sveltejs/kit').Config} */
-export default {
+const config = {
 	compilerOptions: {
 		runes: true
 	},
 	kit: {
 		adapter: adapter({ runtime: 'edge' })
 	}
 };
+
+export default config;
diff --git a/vite.config.js b/vite.config.js
@@ -1,8 +1,6 @@
 import { sveltekit } from '@sveltejs/kit/vite';
+import { defineConfig } from 'vite';
 
-/** @type {import('vite').UserConfig} */
-const config = {
+export default defineConfig({
 	plugins: [sveltekit()]
-};
-
-export default config;
+});
