Unexpected identifier in x-data

[RicardoRamirezR]

Hi there,

Given the following code:

<div x-data="{ id: 35020, name: '{{ $name }}' }">

All works well if $name does not contains a single quotation mark or double quotation mark. The problem arises when $name = "T'chala" or $name = 'T"chala', I got Uncaught SyntaxError: Unexpected identifier 'chala'

Any idea will be much appreciated

[ekwoka]

use backticks instead, or if your templating engine has it, an escape filter

[RicardoRamirezR]

@ekwoka thank you! I've used backticks