diff --git a/cspell.json b/cspell.json
index 10a385b..7aeaa85 100644
--- a/cspell.json
+++ b/cspell.json
@@ -1,5 +1,3 @@
 {
-  "userWords": [
-    "ConfigInterface"
-  ]
-}
\ No newline at end of file
+	"userWords": ["ConfigInterface"]
+}
diff --git a/src/lib/components/location/location-search.svelte b/src/lib/components/location/location-search.svelte
index 839fdb0..34fcc2c 100644
--- a/src/lib/components/location/location-search.svelte
+++ b/src/lib/components/location/location-search.svelte
@@ -240,8 +240,8 @@
 														{location.country || ''}
 													</p>
 													<p class="text-xs text-gray-500 dark:text-gray-400">
-														{location.latitude.toFixed(2)}°N {location.longitude.toFixed(2)}°E
-														{#if location.elevation}• {location.elevation.toFixed(0)}m{/if}
+														{location.latitude?.toFixed(2)}°N {location.longitude?.toFixed(2)}°E
+														{#if location.elevation}• {location.elevation?.toFixed(0)}m{/if}
 													</p>
 												</div>
 											</div>
diff --git a/src/lib/components/ui/card/card-action.svelte b/src/lib/components/ui/card/card-action.svelte
index cc36c56..352420c 100644
--- a/src/lib/components/ui/card/card-action.svelte
+++ b/src/lib/components/ui/card/card-action.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils.js";
-	import type { HTMLAttributes } from "svelte/elements";
+	import { cn, type WithElementRef } from '$lib/utils/index.js';
+	import type { HTMLAttributes } from 'svelte/elements';
 
 	let {
 		ref = $bindable(null),
@@ -13,7 +13,7 @@
 <div
 	bind:this={ref}
 	data-slot="card-action"
-	class={cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className)}
+	class={cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/src/lib/components/ui/card/card-content.svelte b/src/lib/components/ui/card/card-content.svelte
index bc90b83..8dfa99b 100644
--- a/src/lib/components/ui/card/card-content.svelte
+++ b/src/lib/components/ui/card/card-content.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils.js";
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn, type WithElementRef } from '$lib/utils/index.js';
 
 	let {
 		ref = $bindable(null),
@@ -10,6 +10,6 @@
 	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
 </script>
 
-<div bind:this={ref} data-slot="card-content" class={cn("px-6", className)} {...restProps}>
+<div bind:this={ref} data-slot="card-content" class={cn('px-6', className)} {...restProps}>
 	{@render children?.()}
 </div>
diff --git a/src/lib/components/ui/card/card-description.svelte b/src/lib/components/ui/card/card-description.svelte
index 9b20ac7..c87efde 100644
--- a/src/lib/components/ui/card/card-description.svelte
+++ b/src/lib/components/ui/card/card-description.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils.js";
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn, type WithElementRef } from '$lib/utils/index.js';
 
 	let {
 		ref = $bindable(null),
@@ -13,7 +13,7 @@
 <p
 	bind:this={ref}
 	data-slot="card-description"
-	class={cn("text-muted-foreground text-sm", className)}
+	class={cn('text-sm text-muted-foreground', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/src/lib/components/ui/card/card-footer.svelte b/src/lib/components/ui/card/card-footer.svelte
index 2d4d0f2..0d7392a 100644
--- a/src/lib/components/ui/card/card-footer.svelte
+++ b/src/lib/components/ui/card/card-footer.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils.js";
-	import type { HTMLAttributes } from "svelte/elements";
+	import { cn, type WithElementRef } from '$lib/utils/index.js';
+	import type { HTMLAttributes } from 'svelte/elements';
 
 	let {
 		ref = $bindable(null),
@@ -13,7 +13,7 @@
 <div
 	bind:this={ref}
 	data-slot="card-footer"
-	class={cn("flex items-center px-6 [.border-t]:pt-6", className)}
+	class={cn('flex items-center px-6 [.border-t]:pt-6', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/src/lib/components/ui/card/card-header.svelte b/src/lib/components/ui/card/card-header.svelte
index 2501788..5694bfb 100644
--- a/src/lib/components/ui/card/card-header.svelte
+++ b/src/lib/components/ui/card/card-header.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils.js";
-	import type { HTMLAttributes } from "svelte/elements";
+	import { cn, type WithElementRef } from '$lib/utils/index.js';
+	import type { HTMLAttributes } from 'svelte/elements';
 
 	let {
 		ref = $bindable(null),
@@ -14,7 +14,7 @@
 	bind:this={ref}
 	data-slot="card-header"
 	class={cn(
-		"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+		'@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6',
 		className
 	)}
 	{...restProps}
diff --git a/src/lib/components/ui/card/card-title.svelte b/src/lib/components/ui/card/card-title.svelte
index 7447231..3d10d2b 100644
--- a/src/lib/components/ui/card/card-title.svelte
+++ b/src/lib/components/ui/card/card-title.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils.js";
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn, type WithElementRef } from '$lib/utils/index.js';
 
 	let {
 		ref = $bindable(null),
@@ -13,7 +13,7 @@
 <div
 	bind:this={ref}
 	data-slot="card-title"
-	class={cn("leading-none font-semibold", className)}
+	class={cn('leading-none font-semibold', className)}
 	{...restProps}
 >
 	{@render children?.()}
diff --git a/src/lib/components/ui/card/card.svelte b/src/lib/components/ui/card/card.svelte
index 99448cc..de567cc 100644
--- a/src/lib/components/ui/card/card.svelte
+++ b/src/lib/components/ui/card/card.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils.js";
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn, type WithElementRef } from '$lib/utils/index.js';
 
 	let {
 		ref = $bindable(null),
@@ -14,7 +14,7 @@
 	bind:this={ref}
 	data-slot="card"
 	class={cn(
-		"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
+		'flex flex-col gap-6 rounded-xl border bg-card py-6 text-card-foreground shadow-sm',
 		className
 	)}
 	{...restProps}
diff --git a/src/lib/components/ui/card/index.ts b/src/lib/components/ui/card/index.ts
index 4d3fce4..77d3674 100644
--- a/src/lib/components/ui/card/index.ts
+++ b/src/lib/components/ui/card/index.ts
@@ -1,10 +1,10 @@
-import Root from "./card.svelte";
-import Content from "./card-content.svelte";
-import Description from "./card-description.svelte";
-import Footer from "./card-footer.svelte";
-import Header from "./card-header.svelte";
-import Title from "./card-title.svelte";
-import Action from "./card-action.svelte";
+import Root from './card.svelte';
+import Content from './card-content.svelte';
+import Description from './card-description.svelte';
+import Footer from './card-footer.svelte';
+import Header from './card-header.svelte';
+import Title from './card-title.svelte';
+import Action from './card-action.svelte';
 
 export {
 	Root,
@@ -21,5 +21,5 @@ export {
 	Footer as CardFooter,
 	Header as CardHeader,
 	Title as CardTitle,
-	Action as CardAction,
+	Action as CardAction
 };
diff --git a/src/lib/stores/settings.ts b/src/lib/stores/settings.ts
index bb3417b..26e4b6f 100644
--- a/src/lib/stores/settings.ts
+++ b/src/lib/stores/settings.ts
@@ -1,24 +1,24 @@
 import { persisted } from 'svelte-persisted-store';
 
 export interface GeoLocation {
-	id: number;
-	name: string;
-	latitude: number;
-	longitude: number;
-	elevation: number;
-	feature_code: string;
-	country_code: string | undefined;
-	admin1_id: number | undefined;
-	admin3_id?: number | undefined;
-	admin4_id?: number | undefined;
-	timezone: string;
-	population: number | undefined;
-	postcodes: string[] | undefined;
-	country_id: number | undefined;
-	country: string | undefined;
-	admin1: string | undefined;
-	admin3?: string | undefined;
-	admin4?: string | undefined;
+	id?: number;
+	name?: string;
+	latitude?: number;
+	longitude?: number;
+	elevation?: number;
+	feature_code?: string;
+	country_code?: string;
+	admin1_id?: number;
+	admin3_id?: number;
+	admin4_id?: number;
+	timezone?: string;
+	population?: number;
+	postcodes?: string[];
+	country_id?: number;
+	country?: string;
+	admin1?: string;
+	admin3?: string;
+	admin4?: string;
 }
 
 export const defaultLocation: GeoLocation = {
diff --git a/src/lib/stores/url-hash-store.ts b/src/lib/stores/url-hash-store.ts
index e2f49d6..4adf409 100644
--- a/src/lib/stores/url-hash-store.ts
+++ b/src/lib/stores/url-hash-store.ts
@@ -6,7 +6,7 @@ import { page } from '$app/state';
 
 import { debounce, isNumeric } from '$lib/utils';
 
-import type { Parameters } from '$lib/docs';
+import type { Parameters } from '$lib/types';
 
 export type UrlHashStore = Writable<Parameters>;
 
@@ -44,20 +44,20 @@ export const urlHashStore = (initialValues: Parameters): UrlHashStore => {
 							changedParams = true;
 						}
 					} else {
-						let array = value;
+						let array = value as any[];
 						// remove empty string when array has more then 1 values
 						if (array.length > 1 && array.includes('')) {
-							array = value.filter((e: string) => e !== '');
+							array = array.filter((e: string) => e !== '');
 						}
 						page.url.searchParams.set(key, array.join(','));
 						changedParams = true;
 					}
 				} else {
-					let val: number | string = value;
+					let val: number | string = value as number | string;
 					if (isNumeric(defaultValue)) {
 						defaultValue = Number(defaultValue);
 					}
-					if (isNumeric(value)) {
+					if (isNumeric(value as number | string)) {
 						val = Number(value);
 					}
 
diff --git a/src/lib/types.ts b/src/lib/types.ts
new file mode 100644
index 0000000..dfd9f4b
--- /dev/null
+++ b/src/lib/types.ts
@@ -0,0 +1,30 @@
+export interface Parameters {
+	latitude?: number | number[];
+	longitude?: number | number[];
+	hourly?: string[];
+	models?: string[];
+	daily?: string[];
+	current?: string[];
+	minutely_15?: string[];
+	timezone?: string;
+	location_mode?: string;
+	csv_coordinates?: string;
+	time_mode?: string;
+	past_days?: string;
+	forecast_days?: string;
+	end_date?: string;
+	start_date?: string;
+	past_hours?: string;
+	cell_selection?: string;
+	forecast_hours?: string;
+	past_minutely_15?: string;
+	temporal_resolution?: string;
+	forecast_minutely_15?: string;
+	tilt?: string;
+	azimuth?: string;
+	timeformat?: string;
+	wind_speed_unit?: string;
+	temperature_unit?: string;
+	precipitation_unit?: string;
+	[key: string]: any;
+}
diff --git a/src/lib/utils/index.ts b/src/lib/utils/index.ts
index 6d81ad8..b8ff3ed 100644
--- a/src/lib/utils/index.ts
+++ b/src/lib/utils/index.ts
@@ -1,3 +1,6 @@
+export * from './ui.js';
+export * from './meteo.js';
+
 export const isNumeric = (num: string | number) =>
 	(typeof num === 'number' || (typeof num === 'string' && num.trim() !== '')) &&
 	!isNaN(num as number);
diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
new file mode 100644
index 0000000..189f71e
--- /dev/null
+++ b/src/routes/+layout.ts
@@ -0,0 +1 @@
+export const prerender = true;
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 7560029..48e3c4c 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -13,7 +13,7 @@
 	import { get } from 'svelte/store';
 
 	let mounted = $state(false);
-	let location = get(storedLocation);
+	let location = $derived($storedLocation);
 
 	onMount(() => {
 		mounted = true;
@@ -180,7 +180,9 @@
 							Current Location: {location.name}
 						</CardTitle>
 						<CardDescription class="text-center">
-							{location.country} • {location.latitude.toFixed(2)}°, {location.longitude.toFixed(2)}°
+							{location.country} • {location.latitude?.toFixed(2)}°, {location.longitude?.toFixed(
+								2
+							)}°
 						</CardDescription>
 					</CardHeader>
 					<CardContent class="text-center">
diff --git a/src/routes/weather/+layout.svelte b/src/routes/weather/+layout.svelte
index eebadcc..f14ce30 100644
--- a/src/routes/weather/+layout.svelte
+++ b/src/routes/weather/+layout.svelte
@@ -83,8 +83,8 @@
 													{/if}{location.country}
 												</p>
 												<p class="text-sm text-gray-500 dark:text-gray-400">
-													{location.latitude.toFixed(2)}°N, {location.longitude.toFixed(2)}°E
-													{#if location.elevation}• {location.elevation.toFixed(0)}m{/if}
+													{location.latitude?.toFixed(2)}°N, {location.longitude?.toFixed(2)}°E
+													{#if location.elevation}• {location.elevation?.toFixed(0)}m{/if}
 												</p>
 											</div>
 										</div>
diff --git a/src/routes/weather/+layout.ts b/src/routes/weather/+layout.ts
index d2a2971..86ee8af 100644
--- a/src/routes/weather/+layout.ts
+++ b/src/routes/weather/+layout.ts
@@ -2,7 +2,7 @@ import { get } from 'svelte/store';
 
 import { storedLocation } from '$lib/stores/settings';
 
-import type { LayoutLoad } from './$types';
+import type { LayoutLoad } from '././$types';
 
 const location = get(storedLocation);
 
diff --git a/src/routes/weather/+page.ts b/src/routes/weather/+page.ts
index 7afc5fe..f6de7d9 100644
--- a/src/routes/weather/+page.ts
+++ b/src/routes/weather/+page.ts
@@ -1,8 +1,8 @@
 import { redirect } from '@sveltejs/kit';
-import type { PageLoad } from '$types';
+import type { PageLoad } from './$types';
 
 export const prerender = true;
 
-export const load = (async () => {
+export const load: PageLoad = async () => {
 	throw redirect(303, '/weather/week/');
-}) satisfies PageLoad;
+};
diff --git a/src/routes/weather/14-day/+layout.ts b/src/routes/weather/14-day/+layout.ts
index 55c9dc1..6080254 100644
--- a/src/routes/weather/14-day/+layout.ts
+++ b/src/routes/weather/14-day/+layout.ts
@@ -2,7 +2,7 @@ import { get } from 'svelte/store';
 
 import { storedLocation } from '$lib/stores/settings';
 
-import type { LayoutLoad } from './$types';
+import type { LayoutLoad } from '././$types';
 
 const location = get(storedLocation);
 
diff --git a/src/routes/weather/14-day/+page.svelte b/src/routes/weather/14-day/+page.svelte
index 2c91724..a3e4eb8 100644
--- a/src/routes/weather/14-day/+page.svelte
+++ b/src/routes/weather/14-day/+page.svelte
@@ -15,8 +15,9 @@
 	import { defaultParameters } from './options';
 
 	let node: HTMLElement;
-	let chart: any;
-	let Highcharts = $state(null);
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	let charts: any[] = [];
+	let Highcharts = $state<any>(null);
 
 	let showLegend = $state(false);
 	let averageOnly = $state(false);
@@ -36,237 +37,251 @@
 		/// Highcharts needs to be loaded in `onMount` to work with prerendered SSG
 		Highcharts = (await import('highcharts')).default;
 		const more = (await import('highcharts/highcharts-more')).default;
-		// more(Highcharts);
+		(more as any)(Highcharts);
 
 		if (dev) {
 			// const HighchartsDebugger = await import('highcharts/modules/debugger');
 			// HighchartsDebugger.default(Highcharts);
-			const Debugger = (await import('highcharts/es-modules/Extensions/Debugger/Debugger.js'))
-				.default;
+			// @ts-ignore
+			const Debugger = (
+				(await import('highcharts/es-modules/Extensions/Debugger/Debugger.js')) as any
+			).default;
+			// @ts-ignore
 			const ErrorMessages = (
-				await import('highcharts/es-modules/Extensions/Debugger/ErrorMessages.js')
+				(await import('highcharts/es-modules/Extensions/Debugger/ErrorMessages.js')) as any
 			).default;
 			Highcharts.errorMessages = ErrorMessages;
 			Debugger.compose(Highcharts.Chart);
 		}
 	});
 
-	$effect(async () => {
+	$effect(() => {
 		count = 0;
 		if (Highcharts) {
-			node.replaceChildren([]);
+			charts.forEach((c) => c.destroy());
+			charts = [];
+			// eslint-disable-next-line svelte/no-dom-manipulating
+			(node as any).replaceChildren();
 
-			const dataDaily = await fetch(
-				`https://api.open-meteo.com/v1/forecast?latitude=${location.latitude}&longitude=${location.longitude}&timeformat=unixtime&daily=sunset,sunrise&forecast_days=14`
-			);
-			const wd = await dataDaily.json();
+			(async () => {
+				const dataDaily = await fetch(
+					`https://api.open-meteo.com/v1/forecast?latitude=${location.latitude}&longitude=${location.longitude}&timeformat=unixtime&daily=sunset,sunrise&forecast_days=14`
+				);
+				const wd = await dataDaily.json();
 
-			const dataReq = await fetch(
-				`https://ensemble-api.open-meteo.com/v1/ensemble?latitude=${location.latitude}&longitude=${location.longitude}&hourly=${$params.hourly.join(',')}&models=${$params.models.join(',')}&timeformat=unixtime&forecast_days=14`
-			);
-			const data = await dataReq.json();
+				const dataReq = await fetch(
+					`https://ensemble-api.open-meteo.com/v1/ensemble?latitude=${location.latitude}&longitude=${location.longitude}&hourly=${$params.hourly?.join(',')}&models=${$params.models?.join(',')}&timeformat=unixtime&forecast_days=14`
+				);
+				const data = await dataReq.json();
 
-			let plotBands: any = [];
-			if ('daily' in wd && 'sunrise' in wd.daily && 'sunset' in wd.daily) {
-				let rise = wd.daily.sunrise;
-				let set = wd.daily.sunset;
-				plotBands = rise.map(function (r, i) {
-					return {
-						color: 'rgba(255, 255, 194, 0.5)',
-						from: (r + data.utc_offset_seconds) * 1000,
-						to: (set[i] + data.utc_offset_seconds) * 1000
-					};
-				});
-			}
+				// eslint-disable-next-line @typescript-eslint/no-explicit-any
+				let plotBands: any = [];
+				if ('daily' in wd && 'sunrise' in wd.daily && 'sunset' in wd.daily) {
+					let rise = wd.daily.sunrise;
+					let set = wd.daily.sunset;
+					plotBands = rise.map(function (r: any, i: number) {
+						return {
+							color: 'rgba(255, 255, 194, 0.5)',
+							from: (r + data.utc_offset_seconds) * 1000,
+							to: (set[i] + data.utc_offset_seconds) * 1000
+						};
+					});
+				}
 
-			let minValues = new Array(data.hourly.time.length).fill(undefined);
-			let maxValues = new Array(data.hourly.time.length).fill(undefined);
+				let minValues = new Array(data.hourly.time.length).fill(undefined);
+				let maxValues = new Array(data.hourly.time.length).fill(undefined);
 
-			for (let variable of $params.hourly) {
-				const chartDiv = document.createElement('div');
+				for (let variable of $params.hourly || []) {
+					const chartDiv = document.createElement('div');
 
-				let unit;
+					let unit;
 
-				let hourly_starttime = (data.hourly.time[0] + data.utc_offset_seconds) * 1000;
-				let pointInterval = (data.hourly.time[1] - data.hourly.time[0]) * 1000;
+					let hourly_starttime = (data.hourly.time[0] + data.utc_offset_seconds) * 1000;
+					let pointInterval = (data.hourly.time[1] - data.hourly.time[0]) * 1000;
 
-				const series = [];
-				let average = new Array(data.hourly.time.length).fill(0);
-				let averageCount = new Array(data.hourly.time.length).fill(0);
+					const series = [];
+					let average = new Array(data.hourly.time.length).fill(0);
+					let averageCount = new Array(data.hourly.time.length).fill(0);
 
-				for (let [model, values] of Object.entries(data.hourly)) {
-					if (model === 'time') {
-						continue;
-					}
-					if (model.startsWith(variable)) {
-						for (let [index, val] of values.entries()) {
-							if (val) {
-								let avVal = average[index];
-								average[index] = avVal + val;
-								averageCount[index]++;
+					for (let [model, values] of Object.entries(data.hourly)) {
+						if (model === 'time') {
+							continue;
+						}
+						if (model.startsWith(variable)) {
+							for (let [index, val] of (values as any[]).entries()) {
+								if (val) {
+									let avVal = average[index];
+									average[index] = avVal + val;
+									averageCount[index]++;
 
-								if (minValues[index] > val || minValues[index] === undefined) {
-									minValues[index] = val;
-								}
-								if (maxValues[index] < val || maxValues[index] === undefined) {
-									maxValues[index] = val;
+									if (minValues[index] > val || minValues[index] === undefined) {
+										minValues[index] = val;
+									}
+									if (maxValues[index] < val || maxValues[index] === undefined) {
+										maxValues[index] = val;
+									}
 								}
 							}
-						}
 
-						unit = data.hourly_units[model];
+							unit = data.hourly_units[model];
+						}
 					}
-				}
 
-				for (let [index, val] of average.entries()) {
-					average[index] = Math.round((val / averageCount[index]) * 10) / 10;
-				}
+					for (let [index, val] of average.entries()) {
+						average[index] = Math.round((val / averageCount[index]) * 10) / 10;
+					}
 
-				const minMax = [];
-				for (let [index, min] of minValues.entries()) {
-					minMax.push([min, maxValues[index]]);
-				}
+					const minMax = [];
+					for (let [index, min] of minValues.entries()) {
+						minMax.push([min, maxValues[index]]);
+					}
 
-				series.push({
-					name: 'temperature_2m_spread',
-					data: minMax,
-					type: 'arearange',
-					tooltip: {
-						valueSuffix: ' ' + unit
-					},
-					pointStart: hourly_starttime,
-					pointInterval: pointInterval,
-					className: 'highcharts-spread-series'
-				});
+					series.push({
+						name: 'temperature_2m_spread',
+						data: minMax,
+						type: 'arearange',
+						tooltip: {
+							valueSuffix: ' ' + unit
+						},
+						pointStart: hourly_starttime,
+						pointInterval: pointInterval,
+						className: 'highcharts-spread-series'
+					});
 
-				series.push({
-					name: variable + '_average',
-					data: average,
-					dashStyle: 'ShortDashDot',
-					color: '#5e5e5e',
-					type:
-						unit == 'mm' || unit == 'cm' || unit == 'inch' || unit == 'MJ/m²' ? 'column' : 'spline',
-					tooltip: {
-						valueSuffix: ' ' + unit
-					},
-					lineWidth: 4,
-					states: {
-						hover: {
-							lineWidth: 6
-						}
-					},
-					pointStart: hourly_starttime,
-					pointInterval: pointInterval,
-					className: 'highcharts-average-series'
-				});
-
-				new Highcharts.Chart(chartDiv, {
-					credits: {
-						text: count === $params.hourly.length - 1 ? 'Open-Meteo.com' : '',
-						href: 'http://open-meteo.com'
-					},
-
-					chart: {
-						height: showLegend ? '400px' : '300px',
-						styledMode: true,
-						marginLeft: '50',
-						marginRight: 0
-					},
-
-					lang: {
-						locale: 'en-GB'
-					},
-
-					title: {
-						text: count === 0 ? 'Model Spread' : '',
-						align: 'left'
-					},
-
-					subtitle: {
-						text:
-							count === 0
-								? `Compare <span class="font-bold">${$params.hourly.join(', ')}</span> in models: <span class="font-bold">` +
-									$params.models.join(', ') +
-									'</span>'
-								: '',
-						align: 'left'
-					},
-
-					yAxis: {
-						title: {
-							text: unit
-						}
-					},
-
-					xAxis: {
-						type: 'datetime',
-						plotLines: [
-							{
-								value: Date.now() + data.utc_offset_seconds * 1000,
-								color: 'red',
-								width: 2
-							}
-						],
-						plotBands: plotBands
-					},
-
-					plotOptions: {
-						spline: {
-							lineWidth: 2,
-							states: {
-								hover: {
-									lineWidth: 3
-								}
-							},
-							marker: {
-								enabled: false
+					series.push({
+						name: variable + '_average',
+						data: average,
+						dashStyle: 'ShortDashDot',
+						color: '#5e5e5e',
+						type:
+							unit == 'mm' || unit == 'cm' || unit == 'inch' || unit == 'MJ/m²'
+								? 'column'
+								: 'spline',
+						tooltip: {
+							valueSuffix: ' ' + unit
+						},
+						lineWidth: 4,
+						states: {
+							hover: {
+								lineWidth: 6
 							}
 						},
-						column: {
-							pointWidth: 5
-						}
-					},
+						pointStart: hourly_starttime,
+						pointInterval: pointInterval,
+						className: 'highcharts-average-series'
+					});
 
-					legend: {
-						enabled: showLegend,
-						layout: 'horizontal',
-						align: 'center',
-						verticalAlign: 'bottom'
-					},
+					const chart = new Highcharts.Chart(chartDiv, {
+						credits: {
+							text: count === ($params.hourly?.length || 0) - 1 ? 'Open-Meteo.com' : '',
+							href: 'http://open-meteo.com'
+						},
 
-					series: series,
+						chart: {
+							height: showLegend ? '400px' : '300px',
+							styledMode: true,
+							marginLeft: '50',
+							marginRight: 0
+						},
 
-					responsive: {
-						rules: [
-							{
-								condition: {
-									maxWidth: 800
-								}
+						lang: {
+							locale: 'en-GB'
+						},
+
+						title: {
+							text: count === 0 ? 'Model Spread' : '',
+							align: 'left'
+						},
+
+						subtitle: {
+							text:
+								count === 0
+									? `Compare <span class="font-bold">${$params.hourly?.join(', ')}</span> in models: <span class="font-bold">` +
+										$params.models?.join(', ') +
+										'</span>'
+									: '',
+							align: 'left'
+						},
+
+						yAxis: {
+							title: {
+								text: unit
 							}
-						]
-					},
+						},
 
-					tooltip: {
-						shared: true,
-						animation: false
-					}
-				});
+						xAxis: {
+							type: 'datetime',
+							plotLines: [
+								{
+									value: Date.now() + data.utc_offset_seconds * 1000,
+									color: 'red',
+									width: 2
+								}
+							],
+							plotBands: plotBands
+						},
 
-				count++;
-				node.appendChild(chartDiv);
-			}
+						plotOptions: {
+							spline: {
+								lineWidth: 2,
+								states: {
+									hover: {
+										lineWidth: 3
+									}
+								},
+								marker: {
+									enabled: false
+								}
+							},
+							column: {
+								pointWidth: 5
+							}
+						},
+
+						legend: {
+							enabled: showLegend,
+							layout: 'horizontal',
+							align: 'center',
+							verticalAlign: 'bottom'
+						},
+
+						series: series,
+
+						responsive: {
+							rules: [
+								{
+									condition: {
+										maxWidth: 800
+									}
+								}
+							]
+						},
+
+						tooltip: {
+							shared: true,
+							animation: false
+						}
+					});
+
+					count++;
+					charts.push(chart);
+					// eslint-disable-next-line svelte/no-dom-manipulating
+					node.appendChild(chartDiv);
+				}
+			})();
 		}
 	});
 
 	onDestroy(() => {
-		if (chart) {
-			chart.destroy();
-		}
+		charts.forEach((c) => c.destroy());
 	});
 </script>
 
 <!-- min-h-[302px] min-h-[602px]  min-h-[902px] min-h-[1202px]  -->
-<div class="container-wrapper relative -mx-6 md:mx-0 min-h-[{300 * $params.hourly.length + 2}px]">
+<div
+	class="container-wrapper relative -mx-6 md:mx-0 min-h-[{300 * ($params.hourly?.length || 0) +
+		2}px]"
+>
 	<div in:fade={{ duration: 300 }} out:fade={{ duration: 300 }} bind:this={node}></div>
 	<div
 		class="{count > 0
diff --git a/src/routes/weather/compare/+layout.ts b/src/routes/weather/compare/+layout.ts
index 6221814..8228e52 100644
--- a/src/routes/weather/compare/+layout.ts
+++ b/src/routes/weather/compare/+layout.ts
@@ -2,7 +2,7 @@ import { get } from 'svelte/store';
 
 import { storedLocation } from '$lib/stores/settings';
 
-import type { LayoutLoad } from './$types';
+import type { LayoutLoad } from '././$types';
 
 const location = get(storedLocation);
 
diff --git a/src/routes/weather/compare/+page.svelte b/src/routes/weather/compare/+page.svelte
index 4d86ae4..f95d888 100644
--- a/src/routes/weather/compare/+page.svelte
+++ b/src/routes/weather/compare/+page.svelte
@@ -17,8 +17,9 @@
 	import { defaultParameters } from './options';
 
 	let node: HTMLElement;
-	let chart: any;
-	let Highcharts = $state();
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	let charts: any[] = [];
+	let Highcharts = $state<any>();
 
 	let showLegend = $state(false);
 	let averageOnly = $state(false);
@@ -47,224 +48,238 @@
 		if (dev) {
 			// const HighchartsDebugger = await import('highcharts/modules/debugger');
 			// HighchartsDebugger.default(Highcharts);
-			const Debugger = (await import('highcharts/es-modules/Extensions/Debugger/Debugger.js'))
-				.default;
+			// @ts-ignore
+			const Debugger = (
+				(await import('highcharts/es-modules/Extensions/Debugger/Debugger.js')) as any
+			).default;
+			// @ts-ignore
 			const ErrorMessages = (
-				await import('highcharts/es-modules/Extensions/Debugger/ErrorMessages.js')
+				(await import('highcharts/es-modules/Extensions/Debugger/ErrorMessages.js')) as any
 			).default;
 			Highcharts.errorMessages = ErrorMessages;
 			Debugger.compose(Highcharts.Chart);
 		}
 	});
 
-	$effect(async () => {
+	$effect(() => {
 		count = 0;
 		if (Highcharts) {
-			node.replaceChildren([]);
+			charts.forEach((c) => c.destroy());
+			charts = [];
+			// eslint-disable-next-line svelte/no-dom-manipulating
+			(node as any).replaceChildren();
 
-			const dataReq = await fetch(
-				`https://api.open-meteo.com/v1/forecast?latitude=${location.latitude}&longitude=${location.longitude}&hourly=${$params.hourly.join(',')}&models=${$params.models.join(',')}&timeformat=unixtime&daily=sunset,sunrise`
-			);
-			const data = await dataReq.json();
+			(async () => {
+				const dataReq = await fetch(
+					`https://api.open-meteo.com/v1/forecast?latitude=${location.latitude}&longitude=${location.longitude}&hourly=${$params.hourly?.join(',')}&models=${$params.models?.join(',')}&timeformat=unixtime&daily=sunset,sunrise`
+				);
+				const data = await dataReq.json();
 
-			let dailyFirstModelKey = Object.keys(data.daily)[1].split('_');
-			dailyFirstModelKey.shift();
-			dailyFirstModelKey = dailyFirstModelKey.join('_');
+				let dailyFirstModelKeyParts = Object.keys(data.daily)[1].split('_');
+				dailyFirstModelKeyParts.shift();
+				const dailyFirstModelKey = dailyFirstModelKeyParts.join('_');
 
-			let plotBands: any = [];
-			if (
-				'daily' in data &&
-				'sunrise_' + dailyFirstModelKey in data.daily &&
-				'sunset_' + dailyFirstModelKey in data.daily
-			) {
-				let rise = data.daily['sunrise_' + dailyFirstModelKey];
-				let set = data.daily['sunset_' + dailyFirstModelKey];
-				plotBands = rise.map(function (r, i) {
-					return {
-						color: 'rgba(255, 255, 194, 0.5)',
-						from: (r + data.utc_offset_seconds) * 1000,
-						to: (set[i] + data.utc_offset_seconds) * 1000
-					};
-				});
-			}
-
-			for (let variable of $params.hourly) {
-				const chartDiv = document.createElement('div');
-
-				let unit;
-
-				let hourly_starttime = (data.hourly.time[0] + data.utc_offset_seconds) * 1000;
-				let pointInterval = (data.hourly.time[1] - data.hourly.time[0]) * 1000;
-
-				const series = [];
-				let average = new Array(data.hourly.time.length).fill(0);
-				let averageCount = new Array(data.hourly.time.length).fill(0);
-
-				for (let [model, values] of Object.entries(data.hourly)) {
-					if (model === 'time') {
-						continue;
-					}
-					if (model.startsWith(variable)) {
-						for (let [index, val] of values.entries()) {
-							if (val) {
-								let avVal = average[index];
-								average[index] = avVal + val;
-								averageCount[index]++;
-							}
-						}
-
-						unit = data.hourly_units[model];
-
-						if (!averageOnly) {
-							series.push({
-								name: model,
-								data: values,
-								type:
-									unit == 'mm' || unit == 'cm' || unit == 'inch' || unit == 'MJ/m²'
-										? 'column'
-										: 'spline',
-								tooltip: {
-									valueSuffix: ' ' + unit
-								},
-								pointStart: hourly_starttime,
-								pointInterval: pointInterval
-							});
-						}
-					}
+				// eslint-disable-next-line @typescript-eslint/no-explicit-any
+				let plotBands: any = [];
+				if (
+					'daily' in data &&
+					'sunrise_' + dailyFirstModelKey in data.daily &&
+					'sunset_' + dailyFirstModelKey in data.daily
+				) {
+					let rise = data.daily['sunrise_' + dailyFirstModelKey];
+					let set = data.daily['sunset_' + dailyFirstModelKey];
+					plotBands = rise.map(function (r: any, i: number) {
+						return {
+							color: 'rgba(255, 255, 194, 0.5)',
+							from: (r + data.utc_offset_seconds) * 1000,
+							to: (set[i] + data.utc_offset_seconds) * 1000
+						};
+					});
 				}
 
-				for (let [index, val] of average.entries()) {
-					average[index] = Math.round((val / averageCount[index]) * 10) / 10;
-				}
+				for (let variable of $params.hourly || []) {
+					const chartDiv = document.createElement('div');
 
-				series.push({
-					name: variable + '_average',
-					data: average,
-					dashStyle: 'ShortDashDot',
-					color: '#5e5e5e',
-					type:
-						unit == 'mm' || unit == 'cm' || unit == 'inch' || unit == 'MJ/m²' ? 'column' : 'spline',
-					tooltip: {
-						valueSuffix: ' ' + unit
-					},
-					lineWidth: 4,
-					states: {
-						hover: {
-							lineWidth: 6
+					let unit;
+
+					let hourly_starttime = (data.hourly.time[0] + data.utc_offset_seconds) * 1000;
+					let pointInterval = (data.hourly.time[1] - data.hourly.time[0]) * 1000;
+
+					const series = [];
+					let average = new Array(data.hourly.time.length).fill(0);
+					let averageCount = new Array(data.hourly.time.length).fill(0);
+
+					for (let [model, values] of Object.entries(data.hourly)) {
+						if (model === 'time') {
+							continue;
 						}
-					},
-					pointStart: hourly_starttime,
-					pointInterval: pointInterval,
-					className: 'highcharts-average-series'
-				});
-
-				new Highcharts.Chart(chartDiv, {
-					credits: {
-						text: count === $params.hourly.length - 1 ? 'Open-Meteo.com' : '',
-						href: 'http://open-meteo.com'
-					},
-
-					chart: {
-						height: showLegend ? '400px' : '300px',
-						styledMode: true,
-						marginLeft: '50',
-						marginRight: 0
-					},
-
-					lang: {
-						locale: 'en-GB'
-					},
-
-					title: {
-						text: count === 0 ? 'Model Compare' : '',
-						align: 'left'
-					},
-
-					subtitle: {
-						text:
-							count === 0
-								? `Compare <span class="font-bold">${$params.hourly.join(', ')}</span> in models: <span class="font-bold">` +
-									$params.models.join(', ') +
-									'</span>'
-								: '',
-						align: 'left'
-					},
-
-					yAxis: {
-						title: {
-							text: unit
-						}
-					},
-
-					xAxis: {
-						type: 'datetime',
-						plotLines: [
-							{
-								value: Date.now() + data.utc_offset_seconds * 1000,
-								color: 'red',
-								width: 2
-							}
-						],
-						plotBands: plotBands
-					},
-
-					plotOptions: {
-						spline: {
-							lineWidth: 2,
-							states: {
-								hover: {
-									lineWidth: 3
+						if (model.startsWith(variable)) {
+							for (let [index, val] of (values as any[]).entries()) {
+								if (val) {
+									let avVal = average[index];
+									average[index] = avVal + val;
+									averageCount[index]++;
 								}
-							},
-							marker: {
-								enabled: false
+							}
+
+							unit = data.hourly_units[model];
+
+							if (!averageOnly) {
+								series.push({
+									name: model,
+									data: values,
+									type:
+										unit == 'mm' || unit == 'cm' || unit == 'inch' || unit == 'MJ/m²'
+											? 'column'
+											: 'spline',
+									tooltip: {
+										valueSuffix: ' ' + unit
+									},
+									pointStart: hourly_starttime,
+									pointInterval: pointInterval
+								});
+							}
+						}
+					}
+
+					for (let [index, val] of average.entries()) {
+						average[index] = Math.round((val / averageCount[index]) * 10) / 10;
+					}
+
+					series.push({
+						name: variable + '_average',
+						data: average,
+						dashStyle: 'ShortDashDot',
+						color: '#5e5e5e',
+						type:
+							unit == 'mm' || unit == 'cm' || unit == 'inch' || unit == 'MJ/m²'
+								? 'column'
+								: 'spline',
+						tooltip: {
+							valueSuffix: ' ' + unit
+						},
+						lineWidth: 4,
+						states: {
+							hover: {
+								lineWidth: 6
 							}
 						},
-						column: {
-							pointWidth: 5
-						}
-					},
+						pointStart: hourly_starttime,
+						pointInterval: pointInterval,
+						className: 'highcharts-average-series'
+					});
 
-					legend: {
-						enabled: showLegend,
-						layout: 'horizontal',
-						align: 'center',
-						verticalAlign: 'bottom'
-					},
+					const chart = new Highcharts.Chart(chartDiv, {
+						credits: {
+							text: count === ($params.hourly?.length || 0) - 1 ? 'Open-Meteo.com' : '',
+							href: 'http://open-meteo.com'
+						},
 
-					series: series,
+						chart: {
+							height: showLegend ? '400px' : '300px',
+							styledMode: true,
+							marginLeft: '50',
+							marginRight: 0
+						},
 
-					responsive: {
-						rules: [
-							{
-								condition: {
-									maxWidth: 800
-								}
+						lang: {
+							locale: 'en-GB'
+						},
+
+						title: {
+							text: count === 0 ? 'Model Compare' : '',
+							align: 'left'
+						},
+
+						subtitle: {
+							text:
+								count === 0
+									? `Compare <span class="font-bold">${$params.hourly?.join(', ')}</span> in models: <span class="font-bold">` +
+										$params.models?.join(', ') +
+										'</span>'
+									: '',
+							align: 'left'
+						},
+
+						yAxis: {
+							title: {
+								text: unit
 							}
-						]
-					},
+						},
 
-					tooltip: {
-						shared: true,
-						animation: false
-					}
-				});
+						xAxis: {
+							type: 'datetime',
+							plotLines: [
+								{
+									value: Date.now() + data.utc_offset_seconds * 1000,
+									color: 'red',
+									width: 2
+								}
+							],
+							plotBands: plotBands
+						},
 
-				count++;
-				node.appendChild(chartDiv);
-			}
+						plotOptions: {
+							spline: {
+								lineWidth: 2,
+								states: {
+									hover: {
+										lineWidth: 3
+									}
+								},
+								marker: {
+									enabled: false
+								}
+							},
+							column: {
+								pointWidth: 5
+							}
+						},
+
+						legend: {
+							enabled: showLegend,
+							layout: 'horizontal',
+							align: 'center',
+							verticalAlign: 'bottom'
+						},
+
+						series: series,
+
+						responsive: {
+							rules: [
+								{
+									condition: {
+										maxWidth: 800
+									}
+								}
+							]
+						},
+
+						tooltip: {
+							shared: true,
+							animation: false
+						}
+					});
+
+					count++;
+					charts.push(chart);
+					// eslint-disable-next-line svelte/no-dom-manipulating
+					node.appendChild(chartDiv);
+				}
+			})();
 		}
 	});
 
 	onDestroy(() => {
-		if (chart) {
-			chart.destroy();
-		}
+		charts.forEach((c) => c.destroy());
 	});
 </script>
 
 <!-- min-h-[302px] min-h-[602px]  min-h-[902px] min-h-[1202px]  -->
-<div class="container-wrapper relative -mx-6 md:mx-0 min-h-[{300 * $params.hourly.length + 2}px]">
+<div
+	class="container-wrapper relative -mx-6 md:mx-0 min-h-[{300 * ($params.hourly?.length || 0) +
+		2}px]"
+>
 	<div in:fade={{ duration: 300 }} out:fade={{ duration: 300 }} bind:this={node}></div>
 	<div
 		class="{count > 0
@@ -319,12 +334,12 @@
 <div class="mt-4 md:mt-8">
 	<div class="flex">
 		<a href="#models"><h2 id="models" class="text-2xl md:text-3xl">Models</h2></a>
-		{#if $params.models.length > 0}
+		{#if $params.models && $params.models.length > 0}
 			<div transition:fade={{ duration: 200 }} class="relative mt-[5px]">
 				<div
 					class="absolute -top-1 ml-2 rounded-full border-2 border-foreground/25 bg-secondary px-3 py-1 text-sm no-underline"
 				>
-					{$params.models.length}&nbsp;/&nbsp;{models.flat().length}
+					{$params.models?.length}&nbsp;/&nbsp;{models.flat().length}
 				</div>
 			</div>
 		{/if}
@@ -343,7 +358,7 @@
 							aria-labelledby="{value}_label"
 							onCheckedChange={() => {
 								if ($params.models?.includes(value)) {
-									$params.models = $params.models.filter((item) => {
+									$params.models = $params.models.filter((item: string) => {
 										return item !== value;
 									});
 								} else if ($params.models) {
@@ -371,12 +386,12 @@
 					Hourly Weather Variables
 				</h2></a
 			>
-			{#if $params.hourly.length > 0}
+			{#if $params.hourly && $params.hourly.length > 0}
 				<div transition:fade={{ duration: 200 }} class="relative mt-[5px]">
 					<div
 						class="absolute -top-1 ml-2 rounded-full border-2 border-foreground/25 bg-secondary px-3 py-1 text-sm no-underline"
 					>
-						{$params.hourly.length}&nbsp;/&nbsp;{hourly.flat().length}
+						{$params.hourly?.length}&nbsp;/&nbsp;{hourly.flat().length}
 					</div>
 				</div>
 			{/if}
@@ -397,7 +412,7 @@
 								aria-labelledby="{value}_label"
 								onCheckedChange={() => {
 									if ($params.hourly?.includes(value)) {
-										$params.hourly = $params.hourly.filter((item) => {
+										$params.hourly = $params.hourly.filter((item: string) => {
 											return item !== value;
 										});
 									} else if ($params.hourly) {
diff --git a/src/routes/weather/options.ts b/src/routes/weather/options.ts
index a58f330..7c2c742 100644
--- a/src/routes/weather/options.ts
+++ b/src/routes/weather/options.ts
@@ -6,18 +6,20 @@ export const defaultParameters = {
 };
 
 export const models = [
-	{ value: 'best_match', label: 'Best match' },
-	{ value: 'gfs_seamless', label: 'NCEP GFS Seamless' },
-	{ value: 'jma_seamless', label: 'JMA Seamless' },
-	{ value: 'kma_seamless', label: 'KMA Seamless' },
-	{ value: 'icon_seamless', label: 'DWD ICON Seamless' },
-	{ value: 'gem_seamless', label: 'GEM Seamless' },
-	{ value: 'meteofrance_seamless', label: 'Météo-France Seamless' },
-	{ value: 'arpae_cosmo_seamless', label: 'ARPAE Seamless' },
-	{ value: 'metno_seamless', label: 'MET Norway Seamless (with ECMWF)' },
-	{ value: 'knmi_seamless', label: 'KNMI Seamless (with ECMWF)' },
-	{ value: 'dmi_seamless', label: 'DMI Seamless (with ECMWF)' },
-	{ value: 'ukmo_seamless', label: 'UK Met Office Seamless' }
+	[{ value: 'best_match', label: 'Best match' }],
+	[
+		{ value: 'gfs_seamless', label: 'NCEP GFS Seamless' },
+		{ value: 'jma_seamless', label: 'JMA Seamless' },
+		{ value: 'kma_seamless', label: 'KMA Seamless' },
+		{ value: 'icon_seamless', label: 'DWD ICON Seamless' },
+		{ value: 'gem_seamless', label: 'GEM Seamless' },
+		{ value: 'meteofrance_seamless', label: 'Météo-France Seamless' },
+		{ value: 'arpae_cosmo_seamless', label: 'ARPAE Seamless' },
+		{ value: 'metno_seamless', label: 'MET Norway Seamless (with ECMWF)' },
+		{ value: 'knmi_seamless', label: 'KNMI Seamless (with ECMWF)' },
+		{ value: 'dmi_seamless', label: 'DMI Seamless (with ECMWF)' },
+		{ value: 'ukmo_seamless', label: 'UK Met Office Seamless' }
+	]
 ];
 
 export const hourly = [
diff --git a/src/routes/weather/week/+page.ts b/src/routes/weather/week/+page.ts
index 9fd7ceb..0a3ab52 100644
--- a/src/routes/weather/week/+page.ts
+++ b/src/routes/weather/week/+page.ts
@@ -2,13 +2,13 @@ import { get } from 'svelte/store';
 import { redirect } from '@sveltejs/kit';
 import { storedLocation } from '$lib/stores/settings';
 import { geoLocationNameToRoute } from '$lib/utils/meteo';
-import type { PageLoad } from '$types';
+import type { PageLoad } from './$types';
 
 export const prerender = true;
 
-export const load = (async () => {
+export const load: PageLoad = async () => {
 	const location = get(storedLocation);
-	const locationRoute = geoLocationNameToRoute(location.name);
+	const locationRoute = geoLocationNameToRoute(location.name || '');
 	throw redirect(
 		303,
 		'/weather/week/' +
@@ -18,4 +18,4 @@ export const load = (async () => {
 					: locationRoute + '_' + location.id
 				: locationRoute + '_' + location.id)
 	);
-}) satisfies PageLoad;
+};
diff --git a/src/routes/weather/week/[location]/+page.svelte b/src/routes/weather/week/[location]/+page.svelte
index a64c892..4416b0b 100644
--- a/src/routes/weather/week/[location]/+page.svelte
+++ b/src/routes/weather/week/[location]/+page.svelte
@@ -21,7 +21,7 @@
 	import { getColor, textWhite } from '../../utils/colors';
 	import weatherCodes from '../../utils/weather-codes';
 	import { SvelteDate } from 'svelte/reactivity';
-	import { pad } from '$lib/utils';
+	import { pad } from '$lib/utils/index.js';
 
 	// --- Interfaces ---
 
@@ -63,9 +63,9 @@
 	// --- State Setup ---
 
 	const params = urlHashStore({
-		latitude: [$storedLocation.latitude],
-		longitude: [$storedLocation.longitude],
-		models: 'best_match',
+		latitude: [$storedLocation.latitude || 0],
+		longitude: [$storedLocation.longitude || 0],
+		models: ['best_match'],
 		...defaultParameters
 	});
 
@@ -89,7 +89,9 @@
 	const entries = 6;
 	const winddir = true;
 
-	let modelSelected = $derived(models.find((mo) => String(mo.value) === $params.models));
+	let modelSelected = $derived(
+		models.flat().find((mo) => $params.models?.includes(String(mo.value)))
+	);
 
 	// --- Logic ---
 
@@ -654,13 +656,20 @@
 	<div>
 		<div class="mt-6 flex gap-6 md:mt-12">
 			<div class="relative w-1/2">
-				<Select.Root name="model_selection" type="single" bind:value={$params.models}>
+				<Select.Root
+					name="model_selection"
+					type="single"
+					value={$params.models?.[0]}
+					onValueChange={(v) => {
+						$params.models = [v];
+					}}
+				>
 					<Select.Trigger
 						aria-label="Forecast days input"
 						class="h-12 cursor-pointer pt-6 [&_svg]:mb-3">{modelSelected?.label}</Select.Trigger
 					>
 					<Select.Content preventScroll={false} class="border-border">
-						{#each models as mo (mo.value)}
+						{#each models.flat() as mo (mo.value)}
 							<Select.Item class="cursor-pointer" value={mo.value}>{mo.label}</Select.Item>
 						{/each}
 					</Select.Content>
diff --git a/src/routes/weather/week/[location]/+page.ts b/src/routes/weather/week/[location]/+page.ts
index 1f26625..863f111 100644
--- a/src/routes/weather/week/[location]/+page.ts
+++ b/src/routes/weather/week/[location]/+page.ts
@@ -4,11 +4,11 @@ import { type GeoLocation, storedLocation } from '$lib/stores/settings';
 
 import { geoLocationNameToRoute } from '$lib/utils/meteo';
 
-import type { PageLoad } from '$types';
+import type { PageLoad } from './$types';
 
 export const prerender = true;
 
-export const load = (async (event) => {
+export const load: PageLoad = async (event) => {
 	const urlLocation = event.params.location;
 	let urlLocationSplit, urlLocationName, urlLocationId;
 
@@ -31,8 +31,8 @@ export const load = (async (event) => {
 	// lat, long coordinates
 	if (urlLocation.includes('N') && urlLocation.includes('E')) {
 		urlLocationSplit = urlLocation.split(/N|E/);
-		const latitude = urlLocationSplit[0];
-		const longitude = urlLocationSplit[1];
+		const latitude = Number(urlLocationSplit[0]);
+		const longitude = Number(urlLocationSplit[1]);
 
 		location = {
 			//id: undefined,
@@ -58,7 +58,7 @@ export const load = (async (event) => {
 			}
 		}
 
-		const locationRoute = geoLocationNameToRoute(location.name);
+		const locationRoute = geoLocationNameToRoute(location.name || '');
 
 		if (location.population && location.population > 543000) {
 			// 1000 biggest cities
@@ -74,4 +74,4 @@ export const load = (async (event) => {
 
 	storedLocation.set(location);
 	return { location: location };
-}) satisfies PageLoad;
+};
diff --git a/svelte.config.js b/svelte.config.js
index 0487b76..8e47797 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -7,7 +7,11 @@ const config = {
 	// for more information about preprocessors
 	preprocess: vitePreprocess(),
 
-	kit: { adapter: adapter() }
+	kit: {
+		adapter: adapter({
+			fallback: '404.html'
+		})
+	}
 };
 
 export default config;