Thymeleafでの変数扱いについて

Question

前提・実現したいこと

Spring bootを利用してWebアプリケーションを作成しています。
テンプレートエンジンとしてThymeleafを利用しているのですが、
Javascriptにて想定外の箇所がThymeleafの変数とみなされ変換されてしまいます。

発生している問題

以下ソースにて、「[[test]]」の箇所が、変換対象とみなされて「let url2 = test;」と
解釈されてしまいます。
本来、2次元配列として宣言したのですが、ただの変数代入となってしまいます。

<script type="text/javascript">
let test = "val";
let url2 = [[test]];
console.log(url2);
</script>

<form th:action="@{/login}" method="post">
  <input type="text" id="id" name="id" placeholder="ID" />
  <input type="password" id="password" name="password" placeholder="Password" />
  <button type="submit">ログイン</button>
</form>
<p th:if="${param.error}">ログインに失敗しました</p>

試したこと

以下のように中カッコの間にスペースをいれると
希望通り2次元配列と解釈されるのですが他に方法はないでしょうか。
よろしくお願いいたします。

<script type="text/javascript">
let test = "val";
let url2 = [ [test] ];
console.log(url2);
</script>

補足情報（FW/ツールのバージョンなど）

環境
Spring boot 2.4.2
Thymeleaf 3.0.12
Java11

Answer 1

質問する前に公式のドキュメントは目を通した方がいいと思います。

インライン処理の無効化

Comments

[Moto2020]

ありがとうございました。

Answer 2

HTML内に直接じゃなくjsファイルに書けばいいのでは。