How can I change my `.leex` into `.heex` when I using alpine.js?

Finally I find this works:

x-data={"{username: '#{@current_user.username}'}"}

Heex and Alpine

Thx, bro.