feat(project): akthualey use typescript

src/global.d.ts

@@ -1,6 +1,6 @@
 type Theme = "system" | "light" | "dark";
 
-interface PostMetadata {
+interface Post {
   slug: string;
   title: string;
   date: DateConstructor;

src/lib/components/Footer.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
   const currentYear = new Date().getFullYear();
 </script>
 

src/lib/helpers/rss.ts

@@ -26,7 +26,7 @@ const RSS = async () => {
 };
 
 //Be sure to review and replace any applicable content below!
-const render = (posts: any) => `<?xml version="1.0" encoding="UTF-8" ?>
+const render = (posts: Post[]) => `<?xml version="1.0" encoding="UTF-8" ?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
 <channel>
 <title>${siteTitle}</title>

src/routes/api/posts.json/+server.ts

@@ -6,6 +6,6 @@ export const prerender = true;
 export const GET = async () => {
   const options = {};
 
-  const { posts } = await fetchPosts(options);
+  const { posts }: { posts: Post[] } = await fetchPosts(options);
   return json(posts);
 };

src/routes/posts/+page.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
   import PostsList from "$lib/components/PostsList.svelte";
   import { siteTitle } from "$lib/config";
 

src/routes/posts/tags/+page.ts

@@ -1,8 +1,8 @@
 export const load = async ({ url, fetch }: { url: URL; fetch: any }) => {
   const postRes = await fetch(`${url.origin}/api/posts.json`);
-  const posts = await postRes.json();
+  const posts: Post[] = await postRes.json();
 
-  let uniqueTags: string[] = [];
+  let uniqueTags: Post["tags"] = [];
 
   for (let post of posts) {
     if (!post.tags) {

src/routes/posts/tags/[tag]/+page.svelte

@@ -17,10 +17,10 @@
 <PostsList posts={data.filteredPosts} />
 
 <style lang="scss">
-	span {
-		color: getColor(red);
-	}
-	h1 {
-		margin-bottom: 0;
-	}
+  span {
+    color: getColor(red);
+  }
+  h1 {
+    margin-bottom: 0;
+  }
 </style>

src/routes/posts/tags/[tag]/+page.ts

@@ -1,13 +1,21 @@
-export const load = async ({ url, fetch, params }: { url: URL; fetch: any, params: any }) => {
+export const load = async ({
+  url,
+  fetch,
+  params,
+}: {
+  url: URL;
+  fetch: any;
+  params: any;
+}) => {
   const postRes = await fetch(`${url.origin}/api/posts.json`);
-  const posts = await postRes.json();
+  const posts: Post[] = await postRes.json();
 
-  let filteredPosts : any = []
+  let filteredPosts: Post[] = [];
 
   for (let post of posts) {
-	  if (post.tags && post.tags.includes(params.tag)) {
-		  filteredPosts.push(post)
-	  }
+    if (post.tags && post.tags.includes(params.tag)) {
+      filteredPosts.push(post);
+    }
   }
 
   return { filteredPosts, params };

src/routes/rss.xml/+server.ts

@@ -1,4 +1,3 @@
-// import { siteTitle, siteDescription, siteURL, siteLink } from "$lib/config";
 import RSS from "$lib/helpers/rss";
 
 export const prerender = true;

tsconfig.json

@@ -1,6 +1,10 @@
 {
   "extends": "./.svelte-kit/tsconfig.json",
   "compilerOptions": {
+    // "dom" added based on https://github.com/DefinitelyTyped/DefinitelyTyped/issues/19799
+    "lib": [ "es2017", "dom"],
+    "module": "es2022",
+    "moduleResolution": "Node",
     "allowJs": true,
     "checkJs": true,
     "esModuleInterop": true,