javascript / beginner
Snippet
Debugging with the {@debug} Tag
The {@debug} tag is a built-in Svelte tool that pauses code execution and logs variables to the console whenever they change, provided your dev tools are open.
snippet.js
javascript
1
2
3
4
5
6
<script>let user = { name: 'Alex', age: 25 };</script>{@debug user}<p>Username: {user.name}</p>
svelte
Breakdown
1
{@debug user}
Tells Svelte to trigger a breakpoint or log the 'user' object whenever its value changes.