fonc: déplace l'injection de données du Produit dans un script JSON

web/app/themes/haiku-atelier-2024/views/produit.twig

@@ -1,23 +1,6 @@
 {% extends 'base.twig' %}
 
 {% block head %}
-  <script id="injection">
-  // dprint-ignore-file
-    // Injection d'états pour les Scripts de la page.
-
-    /**
-    * @typedef {Object} Etats - États utiles pour les scripts de la page.
-    * @property {number} idProduit - L'ID en base de données du Produit.
-    * @property {string} nonce - Un nonce pour l'authentification de requêtes API.
-    */
-
-    /** @type {Etats} */
-    const _etats = {
-      idProduit: {{ product.id }},
-      nonce: "{{ nonce_wc }}",
-    };
-  </script>
-
   <!-- markup-fmt-ignore -->
   <script
     id="product-json"
@@ -25,6 +8,14 @@
   >
   {{ product_json }}
   </script>
+
+  <!-- markup-fmt-ignore -->
+  <script
+    id="page-states"
+    type="application/json"
+  >
+    {{ page_states }}
+  </script>
 {% endblock head %}
 
 {% block contenu %}