File tree Expand file tree Collapse file tree 1 file changed +4
-3
lines changed Expand file tree Collapse file tree 1 file changed +4
-3
lines changed Original file line number Diff line number Diff line change 2
2
export let json
3
3
export let depth = Infinity
4
4
export let _lvl = 0
5
+ export let _last = true
5
6
6
7
const collapsedSymbol = ' ...'
7
8
const getType = i => {
69
70
<span class ="key" >"{i }":</span >
70
71
{/if }
71
72
{#if getType (json [i ]) === ' object' }
72
- <svelte:self json ={json [i ]} {depth } _lvl={_lvl + 1} />{ #if idx < items .length - 1 }< span class = "comma" >,</ span >{ /if }
73
+ <svelte:self json ={json [i ]} {depth } _lvl={_lvl + 1} _last={ idx === items .length - 1} />
73
74
{:else }
74
75
<span class ="val {getType (json [i ])}" >{format (json [i ])}{#if idx < items .length - 1 }<span class ="comma" >,</span >{/if }</span >
75
76
{/if }
76
77
</li >
77
78
{/each }
78
79
</ul >
79
- <span class ="bracket" on:click ={clicked } tabindex ="0" >{closeBracket }</span >
80
+ <span class ="bracket" on:click ={clicked } tabindex ="0" >{closeBracket }</span >{ #if ! _last }< span class = "comma" >,</ span >{ /if }
80
81
</span >
81
- <span class ="bracket" class:hidden ={! collapsed } on:click ={clicked } tabindex ="0" >{openBracket }{collapsedSymbol }{closeBracket }</span >
82
+ <span class ="bracket" class:hidden ={! collapsed } on:click ={clicked } tabindex ="0" >{openBracket }{collapsedSymbol }{closeBracket }</span >{ #if ! _last && collapsed }< span class = "comma" >,</ span >{ /if }
82
83
{/if }
You can’t perform that action at this time.
0 commit comments