feat: product options, speedup home page, themes

spa/src/views/Home.vue

@@ -1,18 +1,24 @@
 <template>
   <div ref="goodsRef">
     <CategoriesInline/>
-    <ProductsList/>
+    <ProductsList
+      :products="productsStore.homeProducts.data"
+      :meta="productsStore.homeProducts.meta"
+      :isLoading="productsStore.isLoading"
+    />
   </div>
 </template>
 
 <script setup>
 import {ref} from "vue";
+import ProductsList from "@/components/ProductsList.vue";
+import CategoriesInline from "../components/CategoriesInline.vue";
+import {useProductsStore} from "@/stores/ProductsStore.js";
+
+const productsStore = useProductsStore();
 
 const goodsRef = ref();
 function scrollToProducts() {
   goodsRef.value?.scrollIntoView({ behavior: 'smooth' });
 }
-
-import ProductsList from "./ProductsList.vue";
-import CategoriesInline from "../components/CategoriesInline.vue";
 </script>