feat: add filters to mainpage

spa/src/views/Products.vue

@@ -8,4 +8,58 @@
 <script setup>
 import ProductsList from "@/components/ProductsList.vue";
 import SearchInput from "@/components/SearchInput.vue";
+import {onMounted} from "vue";
+import {useRoute} from "vue-router";
+import {useProductsStore} from "@/stores/ProductsStore.js";
+
+const route = useRoute();
+const productsStore = useProductsStore();
+
+const categoryId = route.params.category_id ?? null;
+
+onMounted(async () => {
+  console.debug("Load products for category: ", categoryId);
+
+  if (productsStore.filtersFullUrl === route.fullPath) {
+    await productsStore.loadProducts(productsStore.filters ?? {
+      operand: "AND",
+      rules: {
+        RULE_PRODUCT_CATEGORIES: {
+          criteria: {
+            product_category_ids: {
+              type: "product_categories",
+              params: {
+                operator: "contains",
+                value: [
+                  categoryId
+                ]
+              }
+            }
+          }
+        }
+      },
+    });
+  } else {
+    productsStore.reset();
+    productsStore.filtersFullUrl = route.fullPath;
+    await productsStore.loadProducts({
+      operand: "AND",
+      rules: {
+        RULE_PRODUCT_CATEGORIES: {
+          criteria: {
+            product_category_ids: {
+              type: "product_categories",
+              params: {
+                operator: "contains",
+                value: [
+                  categoryId
+                ]
+              }
+            }
+          }
+        }
+      },
+    });
+  }
+});
 </script>