message param

messages/en.json

@@ -1,4 +1,4 @@
 {
 	"$schema": "https://inlang.com/schema/inlang-message-format",
-	"greeting": "Hello"
+	"greeting": "Hello {name}!"
 }

src/lib/components/Navigation/Navbar/Navbar.svelte

@@ -3,7 +3,7 @@
 
 	let { title, username }: { title: string; username: string } = $props();
 
-	let message = $derived(`${messages.greeting()} ${username}!`);
+	let message = $derived(messages.greeting({ name: username }));
 </script>
 
 <header class="navbar justify-between bg-base-200 px-4">