feat(logs): log the svelte version on init

lib/components/svelte-version/svelte-version.svelte

@@ -0,0 +1,7 @@
+<!-- As a module to only log once -->
+<script context="module">
+  import { VERSION } from 'svelte/compiler';
+  import { LoggerService } from '../../features/logger/services/logger.service';
+
+  LoggerService.log(`Using Svelte ${VERSION}`);
+</script>

lib/features/logger/services/logger.service.ts

@@ -0,0 +1,17 @@
+export class LoggerService {
+  public static log(message: Readonly<string>): LoggerService {
+    console.log(message);
+
+    return this;
+  }
+
+  public static debug(message: Readonly<string>): LoggerService {
+    console.debug(message);
+
+    return this;
+  }
+
+  public constructor() {
+    LoggerService.debug(`LoggerService created`);
+  }
+}

src/routes/__layout.svelte

@@ -1,7 +1,11 @@
 <script>
   import { base } from '$app/paths';
+  import SvelteVersion from '../../lib/components/svelte-version/svelte-version.svelte';
 </script>
 
+<!-- Log the svelte version -->
+<SvelteVersion />
+
 <!-- Common page to all routes -->
 <h1>Achievements</h1>
 <nav>

tsconfig.json

@@ -36,5 +36,16 @@
       "$lib/*": ["src/lib/*"]
     }
   },
-  "include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.ts", "src/**/*.svelte", "scripts/*.js", "svelte.config.js"]
+  "include": [
+    "src/**/*.d.ts",
+    "src/**/*.js",
+    "src/**/*.ts",
+    "src/**/*.svelte",
+    "scripts/*.js",
+    "svelte.config.js",
+    "lib/**/*.d.ts",
+    "lib/**/*.js",
+    "lib/**/*.ts",
+    "lib/**/*.svelte"
+  ]
 }