{#each cars as car, i}
-
diff --git a/src/routes/car/[slug]/+layout.svelte b/src/routes/car/[slug]/+layout.svelte
new file mode 100644
index 0000000..b817cf6
--- /dev/null
+++ b/src/routes/car/[slug]/+layout.svelte
@@ -0,0 +1,5 @@
+
+
diff --git a/src/routes/car/[slug]/+page.svelte b/src/routes/car/[slug]/+page.svelte
new file mode 100644
index 0000000..770456f
--- /dev/null
+++ b/src/routes/car/[slug]/+page.svelte
@@ -0,0 +1,18 @@
+
+
+
+
+
+ 
+
diff --git a/src/routes/car/[slug]/+page.ts b/src/routes/car/[slug]/+page.ts
new file mode 100644
index 0000000..046967e
--- /dev/null
+++ b/src/routes/car/[slug]/+page.ts
@@ -0,0 +1,19 @@
+import { error } from '@sveltejs/kit';
+import cars from '$lib/constants/cars';
+
+interface Params {
+ params: {
+ slug: string;
+ };
+}
+
+/** @type {import('./$types').PageLoad} */
+export function load({ params }: Params) {
+ const car = cars.find((car) => car.shortTitle === params.slug);
+ if (!car) {
+ throw error(404, 'Not found');
+ }
+ return {
+ car
+ };
+}
diff --git a/svelte.config.js b/svelte.config.js
index 167dfb9..ab8a320 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -1,4 +1,4 @@
-import adapter from '@sveltejs/adapter-static';
+import adapter from '@sveltejs/adapter-vercel';
import { vitePreprocess } from '@sveltejs/kit/vite';
/** @type {import('@sveltejs/kit').Config} */
{car.title}
+ {#each car.description as line} +{line}
+ {/each} +