@@ -42,7 +41,7 @@
>
@@ -55,7 +54,7 @@
Read more...
{#each article.tagList as tag}
- - {tag}
+ - {tag}
{/each}
diff --git a/src/lib/ArticleList/index.svelte b/src/lib/ArticleList/index.svelte
index 6672c1a0..23367084 100644
--- a/src/lib/ArticleList/index.svelte
+++ b/src/lib/ArticleList/index.svelte
@@ -2,7 +2,7 @@
import { page } from '$app/stores';
import ArticlePreview from './ArticlePreview.svelte';
- export let articles;
+ const { articles } = $props();
{#if articles.length === 0}
diff --git a/src/lib/ListErrors.svelte b/src/lib/ListErrors.svelte
index 7145d2b0..8674cdf0 100644
--- a/src/lib/ListErrors.svelte
+++ b/src/lib/ListErrors.svelte
@@ -1,5 +1,5 @@
{#if errors}
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 53ca68c8..e306a9db 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -2,6 +2,8 @@
import { navigating } from '$app/stores';
import Nav from './Nav.svelte';
import PreloadingIndicator from './PreloadingIndicator.svelte';
+
+ const { children } = $props();
{#if $navigating}
@@ -11,5 +13,5 @@
-
+ {@render children()}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index e64b69f9..f8054dd7 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -3,13 +3,12 @@
import ArticleList from '$lib/ArticleList/index.svelte';
import Pagination from './Pagination.svelte';
- /** @type {import('./$types').PageData} */
- export let data;
+ const { data } = $props();
- $: p = +($page.url.searchParams.get('page') ?? '1');
- $: tag = $page.url.searchParams.get('tag');
- $: tab = $page.url.searchParams.get('tab') ?? 'all';
- $: page_link_base = tag ? `tag=${tag}` : `tab=${tab}`;
+ const p = $derived(+($page.url.searchParams.get('page') ?? '1'));
+ const tag = $derived($page.url.searchParams.get('tag'));
+ const tab = $derived($page.url.searchParams.get('tab') ?? 'all');
+ const page_link_base = $derived(tag ? `tag=${tag}` : `tab=${tab}`);
@@ -50,7 +49,7 @@
{#if tag}
-
+
{tag}
diff --git a/src/routes/Nav.svelte b/src/routes/Nav.svelte
index ca14a0f3..935d9394 100644
--- a/src/routes/Nav.svelte
+++ b/src/routes/Nav.svelte
@@ -13,13 +13,13 @@
{#if $page.data.user}
- New Post
+ New Post
- Settings
+ Settings
diff --git a/src/routes/Pagination.svelte b/src/routes/Pagination.svelte
index 87992c84..fd8b237c 100644
--- a/src/routes/Pagination.svelte
+++ b/src/routes/Pagination.svelte
@@ -1,16 +1,13 @@
{#if pages > 1}
diff --git a/src/routes/PreloadingIndicator.svelte b/src/routes/PreloadingIndicator.svelte
index 6604247b..c0941d0e 100644
--- a/src/routes/PreloadingIndicator.svelte
+++ b/src/routes/PreloadingIndicator.svelte
@@ -1,7 +1,9 @@
@@ -35,7 +34,7 @@
-
+
diff --git a/src/routes/article/[slug]/ArticleMeta.svelte b/src/routes/article/[slug]/ArticleMeta.svelte
index f2ce778a..08f754ad 100644
--- a/src/routes/article/[slug]/ArticleMeta.svelte
+++ b/src/routes/article/[slug]/ArticleMeta.svelte
@@ -1,8 +1,7 @@
@@ -20,12 +19,12 @@
{#if article.author.username === user?.username}
- Edit Article
+ Edit Article
diff --git a/src/routes/article/[slug]/Comment.svelte b/src/routes/article/[slug]/Comment.svelte
index 4f7184b3..0ba95472 100644
--- a/src/routes/article/[slug]/Comment.svelte
+++ b/src/routes/article/[slug]/Comment.svelte
@@ -1,8 +1,7 @@
@@ -23,7 +22,7 @@
{#if user && comment.author.username === user.username}
{/if}
diff --git a/src/routes/article/[slug]/CommentContainer.svelte b/src/routes/article/[slug]/CommentContainer.svelte
index eb0c02b5..7d9e9b04 100644
--- a/src/routes/article/[slug]/CommentContainer.svelte
+++ b/src/routes/article/[slug]/CommentContainer.svelte
@@ -2,8 +2,7 @@
import CommentInput from './CommentInput.svelte';
import Comment from './Comment.svelte';
- export let comments;
- export let user;
+ const { comments, user } = $props();
diff --git a/src/routes/article/[slug]/CommentInput.svelte b/src/routes/article/[slug]/CommentInput.svelte
index 3fbcf3ec..414eaefb 100644
--- a/src/routes/article/[slug]/CommentInput.svelte
+++ b/src/routes/article/[slug]/CommentInput.svelte
@@ -2,12 +2,12 @@
import { enhance } from '$app/forms';
import { placeholder } from '$lib/constants.js';
- export let user;
+ const { user } = $props();
diff --git a/src/routes/profile/@[user]/+page.svelte b/src/routes/profile/@[user]/+page.svelte
index 1ee53615..bb43cbf5 100644
--- a/src/routes/profile/@[user]/+page.svelte
+++ b/src/routes/profile/@[user]/+page.svelte
@@ -1,8 +1,7 @@
diff --git a/src/routes/profile/@[user]/favorites/+page.svelte b/src/routes/profile/@[user]/favorites/+page.svelte
index 1ee53615..bb43cbf5 100644
--- a/src/routes/profile/@[user]/favorites/+page.svelte
+++ b/src/routes/profile/@[user]/favorites/+page.svelte
@@ -1,8 +1,7 @@
diff --git a/src/routes/register/+page.svelte b/src/routes/register/+page.svelte
index 82b893c2..229385d6 100644
--- a/src/routes/register/+page.svelte
+++ b/src/routes/register/+page.svelte
@@ -2,8 +2,7 @@
import { enhance } from '$app/forms';
import ListErrors from '$lib/ListErrors.svelte';
- /** @type {import('./$types').ActionData} */
- export let form;
+ const { form } = $props();
diff --git a/src/routes/settings/+page.svelte b/src/routes/settings/+page.svelte
index 2b41652c..4fca87c9 100644
--- a/src/routes/settings/+page.svelte
+++ b/src/routes/settings/+page.svelte
@@ -2,11 +2,7 @@
import { enhance } from '$app/forms';
import ListErrors from '$lib/ListErrors.svelte';
- /** @type {import('./$types').PageData} */
- export let data;
-
- /** @type {import('./$types').ActionData} */
- export let form;
+ const { data, form } = $props();
@@ -59,7 +55,7 @@
rows="8"
placeholder="Short bio about you"
value={data.user.bio}
- />
+ >