How to read products array on getSales, for others uses?
document.addEventListener("alpine:init", () => {
Alpine.store("getProducts", {
url: "http://localhost:3000/products",
products: [],
getAllProducts() {
fetch(this.url)
.then((response) => response.json())
.then((data) => (this.products = data));
},
});
});
const getSales = () => ({
products: $store.getProducts.products
})
@Dauros
This dont return the data, return empty array.
Proxy {}
[[Handler]]: Object
[[Target]]: Array(0)
length: 0
[[Prototype]]: Array(0)
[[IsRevoked]]: false
You can use the Alpine.store() global function to access the store object externally:
document.addEventListener("alpine:init", () => {
Alpine.store('getProducts').getAllProducts()
const getSales = () => ({
products: Alpine.store('getProducts').products
})
console.log([...getSales().products])
});
