Add wishlist counter to top links

Author: jissereitsma

view/frontend/templates/script/component/top-links.phtml

@@ -21,6 +21,7 @@ $customerAccountLoginUrl = $block->getUrl('customer/account/login');
                         this.showCustomerUrls();
                         this.hideGuestUrls();
                         this.showGreeting();
+                        this.showWishlistText();
                     } else {
                         this.hideCustomerUrls();
                         this.showGuestUrls();
@@ -64,6 +65,19 @@ $customerAccountLoginUrl = $block->getUrl('customer/account/login');
                     element.style.display = 'none';
                 }
             },
+            showWishlistText() {
+                const element = this.$el.querySelector('.link.wishlist span.counter');
+                if (!element) {
+                    return;
+                }
+
+                const wishlistSection = Alpine.store('LokiLocalStorage').get('wishlist');
+                if (!wishlistSection) {
+                    return;
+                }
+
+                element.innerHTML = wishlistSection.counter;
+            },
             getGuestElements() {
                 return [
                     this.$el.querySelector('a[href="<?= /* @noEscape */ $customerAccountLoginUrl ?>"]')