Update ProductGrid.html.twig

Author: seb-jean

ux.symfony.com/templates/components/ProductGrid.html.twig

@@ -3,15 +3,15 @@
     <div class="p-4">
         <div id="results" style="display: flex; gap: 1rem; flex-direction: column;">
 
-            {% if this.page > 1 %}
+            {% if page > 1 %}
                 {#  🦊 #}
                 {# Adding a fake "previous page" div is enough to trick the system #}
                 {# It must have the same ID than the original page #}
-                <div class="ProductGrid_page" id="page--{{ this.page - 1 }}" data-live-ignore="true"></div>
+                <div class="ProductGrid_page" id="page--{{ page - 1 }}" data-live-ignore="true"></div>
             {% endif %}
 
             {# Current page #}
-            <div class="ProductGrid_page" id="page--{{ this.page }}" data-live-ignore="true">
+            <div class="ProductGrid_page" id="page--{{ page }}" data-live-ignore="true">
                 {% for item in this.items %}
                     <article class="ProductGrid_item" data-num="{{ item.id }}"
                              style="--color: {{ item.color }};">
@@ -32,7 +32,7 @@
                         data-action="live#action"
                         data-live-action-param="more"
                         data-scroll-target="loader"
-                        class="btn btn-primary">Load More (page {{ this.page + 1 }})
+                        class="btn btn-primary">Load More (page {{ page + 1 }})
                     </button>
                 </div>
             {% endif %}