Mutações

O Edge permite que você defina variáveis ​​locais ou altere o valor de uma propriedade existente usando a tag @set.

O ideal é evitar muitas variáveis ​​locais inline e pré-processar seus dados antes de passá-los para o modelo.

Declare o valor

A primeira vez que você usar a tag @set, declararemos uma variável let.

@set('username', 'virk')

Saída compilada

let username = 'virk'

Redeclarar a mesma variável novamente apenas atualizará o valor existente.

@set('username', 'virk')
@set('username', 'romain')

Saída compilada

let username = 'virk'
username = 'romain'

Mutar propriedades

A tag @set também pode ser usada para alterar as propriedades de um objeto existente. Por exemplo.

@set(post, 'title', 'This is the new title')

No cenário acima, o valor de post.title será atualizado. Você também pode atualizar valores aninhados.

@set(
  post,
  'author.avatar',
  await getAvatar(post.author.email)
)

<img src="{{ post.author.avatar }}" />