- +
- {#each articles as article, index} -
+ {#each data.articles as article, index} +
{/each}
diff --git a/sveltekit/src/routes/articles/[id].js b/sveltekit/src/routes/articles/[id]/+page.server.js similarity index 85% rename from sveltekit/src/routes/articles/[id].js rename to sveltekit/src/routes/articles/[id]/+page.server.js index bbfcac7..f5ff78d 100644 --- a/sveltekit/src/routes/articles/[id].js +++ b/sveltekit/src/routes/articles/[id]/+page.server.js @@ -1,8 +1,8 @@ import { getDirectusClient } from '$lib/client'; import { formatRelativeTime } from '$lib/format-relative-time'; -/** @type {import('@sveltejs/kit').RequestHandler} */ -export async function get({ params }) { +/** @type {import('./$types').PageServerLoad} */ +export async function load({ params }) { const { id } = params; const directus = await getDirectusClient(); @@ -38,6 +38,7 @@ export async function get({ params }) { }); return { - body: { article: formattedArticle, moreArticles: formattedMoreArticles } + article: formattedArticle, + moreArticles: formattedMoreArticles }; } diff --git a/sveltekit/src/routes/articles/[id].svelte b/sveltekit/src/routes/articles/[id]/+page.svelte similarity index 97% rename from sveltekit/src/routes/articles/[id].svelte rename to sveltekit/src/routes/articles/[id]/+page.svelte index 4c27ced..d54a8ff 100644 --- a/sveltekit/src/routes/articles/[id].svelte +++ b/sveltekit/src/routes/articles/[id]/+page.svelte @@ -8,7 +8,10 @@ import GithubIcon from '$lib/components/icons/Github.svelte'; import MoreArticles from '$lib/components/MoreArticles.svelte'; - export let article, moreArticles; + export let data; + + const article = data.article; + const moreArticles = data.moreArticles;
diff --git a/sveltekit/svelte.config.js b/sveltekit/svelte.config.js index 301e785..363768b 100644 --- a/sveltekit/svelte.config.js +++ b/sveltekit/svelte.config.js @@ -4,7 +4,7 @@ import adapter from '@sveltejs/adapter-auto'; const config = { kit: { adapter: adapter() - } + }, }; export default config; diff --git a/sveltekit/vite.config.js b/sveltekit/vite.config.js new file mode 100644 index 0000000..11f6c22 --- /dev/null +++ b/sveltekit/vite.config.js @@ -0,0 +1,7 @@ +import { sveltekit } from '@sveltejs/kit/vite'; + +const config = { + plugins: [sveltekit()] +}; + +export default config;