= this.products.length; return this.products.slice(0, this.visibleCount); }, loadMore() { if (this.loading || this.allLoaded) return; this.loading = true; setTimeout(() => { this.visibleCount += 4; this.loading = false; }, 500); }, init() { const observer = new IntersectionObserver((entries) => { if (entries[0].isIntersecting) this.loadMore(); }, { rootMargin: '200px' }); this.$nextTick(() => { const trigger = document.getElementById('scroll-trigger'); if (trigger) observer.observe(trigger); }); } }">