From cc5250642166cbc0ee90e9235e56e1597c3fc6dd Mon Sep 17 00:00:00 2001
From: Kevin Kandlbinder <kevin@kevink.dev>
Date: Wed, 26 Jul 2023 13:17:12 +0200
Subject: [PATCH] Make code pass lint and check

---
 package.json                                  |  2 +-
 .../author/[slug]/[[page]]/+page.server.ts    |  4 +-
 .../author/[slug]/[[page]]/+page.svelte       |  4 --
 .../(blog)/read/[year]/[slug]/+page.svelte    | 38 +++++++++++--------
 .../(blog)/t/[topic]/[[page]]/+page.server.ts |  2 +-
 .../(blog)/t/[topic]/[[page]]/+page.svelte    |  4 --
 src/routes/(page)/[slug]/+page.svelte         |  7 +---
 src/routes/+layout.svelte                     |  4 +-
 src/routes/+page.svelte                       |  5 ++-
 src/routes/woof/+page.svelte                  |  3 --
 svelte.config.js                              |  7 +++-
 11 files changed, 41 insertions(+), 39 deletions(-)

diff --git a/package.json b/package.json
index ac392b0..2505849 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
 		"dev": "vite dev",
 		"build": "vite build",
 		"preview": "vite preview",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check": "svelte-kit sync && svelte-check --compiler-warnings \"css-unused-selector:ignore\" --tsconfig ./tsconfig.json",
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
 		"lint": "prettier --plugin-search-dir . --check . && eslint .",
 		"format": "prettier --plugin-search-dir . --write ."
diff --git a/src/routes/(blog)/author/[slug]/[[page]]/+page.server.ts b/src/routes/(blog)/author/[slug]/[[page]]/+page.server.ts
index 7e6a42f..dc235a8 100644
--- a/src/routes/(blog)/author/[slug]/[[page]]/+page.server.ts
+++ b/src/routes/(blog)/author/[slug]/[[page]]/+page.server.ts
@@ -1,7 +1,7 @@
 import type { PageServerLoad } from './$types';
 import { TSGhostContentAPI } from '@ts-ghost/content-api';
 import Secrets from '$lib/server/secrets';
-import { error, redirect } from '@sveltejs/kit';
+import { error } from '@sveltejs/kit';
 
 export const prerender = 'auto';
 
@@ -45,7 +45,7 @@ export const load: PageServerLoad = async ({ params }) => {
 			console.error(posts.errors);
 			throw 'Not Found';
 		}
-		maxPage = Math.ceil((author.data.count!.posts || 0) / limit);
+		maxPage = Math.ceil((author.data.count?.posts || 0) / limit);
 	} catch (e) {
 		throw error(404, 'Author not found');
 	}
diff --git a/src/routes/(blog)/author/[slug]/[[page]]/+page.svelte b/src/routes/(blog)/author/[slug]/[[page]]/+page.svelte
index fcf5bed..f43a3f0 100644
--- a/src/routes/(blog)/author/[slug]/[[page]]/+page.svelte
+++ b/src/routes/(blog)/author/[slug]/[[page]]/+page.svelte
@@ -183,10 +183,6 @@
 						object-position: center;
 					}
 				}
-
-				> h1 {
-					//@include textStyleTitle;
-				}
 			}
 		}
 	}
diff --git a/src/routes/(blog)/read/[year]/[slug]/+page.svelte b/src/routes/(blog)/read/[year]/[slug]/+page.svelte
index 47fbf38..90fc4ce 100644
--- a/src/routes/(blog)/read/[year]/[slug]/+page.svelte
+++ b/src/routes/(blog)/read/[year]/[slug]/+page.svelte
@@ -1,11 +1,32 @@
 <script lang="ts">
+	/* eslint svelte/no-at-html-tags: "off" */
 	import type { PageData } from './$types';
 	import { DateTime } from 'luxon';
 	import { Globe } from 'lucide-svelte';
-	import { fade, fly } from 'svelte/transition';
+	import { fly } from 'svelte/transition';
 
 	export let data: PageData;
 
+	let ldJson = // The "<"-characters are seperated in this because otherwise the parser implodes
+		'<' +
+		'script type="application/ld+json">' +
+		JSON.stringify({
+			'@context': 'https://schema.org',
+			'@type': 'Article',
+			headline: data.post.title,
+			image: data.post.feature_image,
+			datePublished: data.post.published_at,
+			dateModified: data.post.updated_at,
+			author: data.post.authors?.map((author) => {
+				return {
+					'@type': 'Person',
+					name: author.name
+				};
+			})
+		}) +
+		'<' +
+		'/script>';
+
 	$: publishTime = DateTime.fromISO(data.post.published_at || data.post.created_at || '2001-11-03');
 </script>
 
@@ -58,20 +79,7 @@
 			content={data.post.primary_tag.og_title || data.post.primary_tag.name}
 		/>
 	{/if}
-	{@html `<script type="application/ld+json">${JSON.stringify({
-		'@context': 'https://schema.org',
-		'@type': 'Article',
-		headline: data.post.title,
-		image: data.post.feature_image,
-		datePublished: data.post.published_at,
-		dateModified: data.post.updated_at,
-		author: data.post.authors?.map((author) => {
-			return {
-				'@type': 'Person',
-				name: author.name
-			};
-		})
-	})}</script>`}
+	{@html ldJson}
 </svelte:head>
 
 <div class="container">
diff --git a/src/routes/(blog)/t/[topic]/[[page]]/+page.server.ts b/src/routes/(blog)/t/[topic]/[[page]]/+page.server.ts
index 4f2008a..71052e1 100644
--- a/src/routes/(blog)/t/[topic]/[[page]]/+page.server.ts
+++ b/src/routes/(blog)/t/[topic]/[[page]]/+page.server.ts
@@ -1,7 +1,7 @@
 import type { PageServerLoad } from './$types';
 import { TSGhostContentAPI } from '@ts-ghost/content-api';
 import Secrets from '$lib/server/secrets';
-import { error, redirect } from '@sveltejs/kit';
+import { error } from '@sveltejs/kit';
 
 export const prerender = 'auto';
 
diff --git a/src/routes/(blog)/t/[topic]/[[page]]/+page.svelte b/src/routes/(blog)/t/[topic]/[[page]]/+page.svelte
index 8162517..b289113 100644
--- a/src/routes/(blog)/t/[topic]/[[page]]/+page.svelte
+++ b/src/routes/(blog)/t/[topic]/[[page]]/+page.svelte
@@ -174,10 +174,6 @@
 				width: 100%;
 				text-align: center;
 				color: white;
-
-				> h1 {
-					//@include textStyleTitle;
-				}
 			}
 		}
 	}
diff --git a/src/routes/(page)/[slug]/+page.svelte b/src/routes/(page)/[slug]/+page.svelte
index 7bc2879..7b5d1b6 100644
--- a/src/routes/(page)/[slug]/+page.svelte
+++ b/src/routes/(page)/[slug]/+page.svelte
@@ -1,12 +1,9 @@
 <script lang="ts">
+	/* eslint svelte/no-at-html-tags: "off" */
 	import type { PageData } from './$types';
-	import { DateTime } from 'luxon';
-	import { Globe } from 'lucide-svelte';
-	import { fade, fly } from 'svelte/transition';
+	import { fly } from 'svelte/transition';
 
 	export let data: PageData;
-
-	$: publishTime = DateTime.fromISO(data.page.published_at || data.page.created_at || '2001-11-03');
 </script>
 
 <svelte:head>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index fa44663..f944e6a 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-	import type { LayoutData } from './$types';
+	//import type { LayoutData } from './$types';
 	import '../app.scss';
 
-	export let data: LayoutData;
+	//export let data: LayoutData;
 </script>
 
 <div class="navigation">
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index d6dadae..01e0af3 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	/* eslint svelte/no-at-html-tags: "off" */
 	import portrait from '../assets/portrait_smol.jpg';
 	import { siTelegram, siInstagram } from 'simple-icons';
 	import { Cake, MapPin, Nfc, Shirt } from 'lucide-svelte';
@@ -11,7 +12,7 @@
 
 	let portraitImg: HTMLImageElement | null = null;
 
-	const performWoof = (i: number) => {
+	const performWoof = (/*i: number*/) => {
 		if (!portraitImg) return;
 
 		const picBoundingBox = portraitImg.getBoundingClientRect();
@@ -254,6 +255,7 @@
 					cursor: pointer;
 					-webkit-appearance: none;
 					-moz-appearance: none;
+					appearance: none;
 				}
 			}
 		}
@@ -307,6 +309,7 @@
 						cursor: default;
 						-webkit-appearance: none;
 						-moz-appearance: none;
+						appearance: none;
 
 						> img {
 							border-radius: 13px;
diff --git a/src/routes/woof/+page.svelte b/src/routes/woof/+page.svelte
index 076a76d..bebcd08 100644
--- a/src/routes/woof/+page.svelte
+++ b/src/routes/woof/+page.svelte
@@ -1,8 +1,5 @@
 <script lang="ts">
-	import type { PageData } from './$types';
 	import bark from '$lib/bark';
-
-	export let data: PageData;
 </script>
 
 <svelte:head>
diff --git a/svelte.config.js b/svelte.config.js
index be06038..b249510 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -15,7 +15,12 @@ const config = {
 			preserve: ['ld+json']
 		})
 	],
-
+	onwarn: (warning, handler) => {
+		if (warning.code == 'css-unused-selector') {
+			return;
+		}
+		handler(warning);
+	},
 	kit: {
 		// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
 		// If your environment is not supported or you settled on a specific environment, switch out the adapter.