Language-tools: рд╕реНрд▓реЙрдЯ рдкреНрд░реЛрдк рд╕реНрд▓реЙрдЯ рддрддреНрд╡ рдкрд░ рд╣реА рдирд╣реАрдВ рдорд┐рд▓рд╛

рдХреЛ рдирд┐рд░реНрдорд┐рдд 14 рдлрд╝рд░ре░ 2021  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: sveltejs/language-tools

рдмрдЧ рдХрд╛ рд╡рд░реНрдгрди рдХрд░реЗрдВ
рд╕реНрд▓реЙрдЯ рдЧреБрдг рдХреЗрд╡рд▓ рд╕реНрд▓реЙрдЯ рддрддреНрд╡ рдХреЗ рднреАрддрд░ рдкрд╛рдП рдЬрд╛рддреЗ рд╣реИрдВ, рд▓реЗрдХрд┐рди рддрддреНрд╡ рдкрд░ рд╣реА рдирд╣реАрдВред Svelte рддрддреНрд╡ рдкрд░ рд╕рдВрдкрддреНрддрд┐ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдЕрдиреБрдорддрд┐ рджреЗрддрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рддреНрд░реБрдЯрд┐ рдмрд╕ рдереЛрдбрд╝реА рднреНрд░рд╛рдордХ рд╣реИред рдкрд░реНрдпрд╛рдкреНрдд рд░реВрдк рд╕реЗ рд╕рдЦреНрдд рд╕реЗрдЯрд┐рдВрдЧреНрд╕ рдХреЗ рд╕рд╛рде рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╕рдордп рд╕рдВрднрд╡рддрдГ рдХреЗрд╡рд▓ рддреНрд░реБрдЯрд┐ рдХреЗ рд░реВрдк рдореЗрдВ рд╕рд╛рдордиреЗ рдЖрдпрд╛ред

рдкреНрд░рдЬрдирди рдХрд░рдирд╛
рд╕реНрд▓реЙрдЯ рдЧреБрдгреЛрдВ рдХреЗ рд╕рд╛рде рдПрдХ рдШрдЯрдХ рдмрдирд╛рдПрдВ рдФрд░ рд╕рдВрдкрддреНрддрд┐ рдШреЛрд╖рд┐рдд рдХрд░рдиреЗ рд╡рд╛рд▓реЗ рддрддреНрд╡ рдкрд░ рд╕рдВрдкрддреНрддрд┐ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВ (рдпрд╣рд╛рдВ class рдЙрдкрдпреЛрдЧ рдореЗрдВ рддреНрд░реБрдЯрд┐):

<Component n={10}>
    <div slot="item" let:zebra class={zebra}>Hello {zebra}</div>
</Component>

[рдЖрд░рдИрдкреАрдПрд▓]

рдЕрдкреЗрдХреНрд╖рд┐рдд рд╡реНрдпрд╡рд╣рд╛рд░
рд╕реНрд▓реЙрдЯ рд╕рдВрдкрддреНрддрд┐ рджрд╛рдпрд░реЗ рдореЗрдВ рд╣реИ рдФрд░ рдХреЛрдИ рддреНрд░реБрдЯрд┐ рдирд╣реАрдВ рдЙрдард╛рдИ рдЧрдИ рд╣реИред

рд╕реНрдХреНрд░реАрдирд╢реЙрдЯ
image

рд╕рд┐рд╕реНрдЯрдо (рдХреГрдкрдпрд╛ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдЬрд╛рдирдХрд╛рд░реА рдХреЛ рдкреВрд░рд╛ рдХрд░реЗрдВ):

  • рдУрдПрд╕: рд╡рд┐рдВрдбреЛрдЬ 10 64 рдмрд┐рдЯ
  • рдЖрдИрдбреАрдИ: рд╡реАрдПрд╕рд╕реАрдУрдбреА
  • рдкреНрд▓рдЧрдЗрди/рдкреИрдХреЗрдЬ: VSCode рдХреЗ рд▓рд┐рдП рд╡реНрдпрд╛рдкрдХ

рд╕рднреА 3 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рд╣рдореЗрдВ рдЯреИрдЧ рдХреЗ рдЖрд╕-рдкрд╛рд╕ рдЬреЗрдПрд╕рдПрдХреНрд╕-рдЯреНрд░рд╛рдВрд╕рдлреЙрд░реНрдореЗрд╢рди рдХреЛ рд╕реНрддрд░ рдКрдкрд░ рдЦреАрдВрдЪрдиреЗ рдХреА рдЬрд░реВрд░рдд рд╣реИред рддреЛ рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП рдЗрд╕ рдкрд░реАрдХреНрд╖рдг рдореЗрдВ рдпрд╣ рдмрдирдирд╛ рдЪрд╛рд╣рд┐рдП

<>{() => { let {thing:{ a }} = __sveltets_instanceOf(Component).$$slot_def['default'];<><Component>
    <h1>Hello { a }</h1>
</Component></>}}</>

@dummdidumm рдареАрдХ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж

рдореИрдВрдиреЗ рдЕрднреА рдЗрд╕рдХрд╛ рдкрд░реАрдХреНрд╖рдг рдХрд┐рдпрд╛ рд╣реИ рдФрд░ рдпрджрд┐ let:prop рдЗрд╕рдХреЗ рдЙрдкрдпреЛрдЧ рдХреЗ рдмрд╛рдж рд╣реИ, рддреЛ рдЖрдкрдХреЛ рдЕрднреА рднреА рдПрдХ рдкреНрд░рдХрд╛рд░ рдХреА рддреНрд░реБрдЯрд┐ рдХреЗ рдмрдЬрд╛рдп рдПрдХ рд╡реНрдпрд╛рдкрдХ рдЪреЗрддрд╛рд╡рдиреА рдорд┐рд▓рддреА рд╣реИ:

'рдкреНрд░реЛрдк' рдкрд░рд┐рднрд╛рд╖рд┐рдд рдирд╣реАрдВ рд╣реИ [svelte (рд▓рд╛рдкрддрд╛-рдШреЛрд╖рдгрд╛)]

рдЙрджрд╛рд╣рд░рдг рд╕реНрдХреНрд░реАрдирд╢реЙрдЯ:

image

рд╣рд╛рд▓рд╛рдВрдХрд┐, рдЙрддреНрдкрдиреНрди рдЖрдЙрдЯрдкреБрдЯ рдСрд░реНрдбрд░ рдХреА рдкрд░рд╡рд╛рд╣ рдХрд┐рдП рдмрд┐рдирд╛ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред рдмреЗрд╢рдХ рдореИрдВ рддреНрд░реБрдЯрд┐ рд╕реЗ рдЫреБрдЯрдХрд╛рд░рд╛ рдкрд╛рдиреЗ рдХреЗ рд▓рд┐рдП рд╡рд░реНрдХрдЕрд░рд╛рдЙрдВрдб рдХреЗ рд░реВрдк рдореЗрдВ рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдХреЛ рдкреБрди: рд╡реНрдпрд╡рд╕реНрдерд┐рдд рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВред

рдпрд╣ рдПрдХ Svelte рдХрдВрдкрд╛рдЗрд▓рд░ рдмрдЧ рд╣реИ, рдореИрдВрдиреЗ рдЙрд╕рдХреЗ рд▓рд┐рдП https://github.com/sveltejs/svelte/issues/609 рдмрдирд╛рдпрд╛ред

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

maximedupre picture maximedupre  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

canadaduane picture canadaduane  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

JoeDailey picture JoeDailey  ┬╖  6рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

AlexGalays picture AlexGalays  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

vatro picture vatro  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ