value = 'R350 000 - R500 000', 100);
                            $nextTick(() => $refs.hiddenInput.dispatchEvent(new Event('input')));
                            // scroll the tab into view | specifically for mobile
                            $el.scrollIntoView({
                                behavior: 'smooth',
                                inline: 'center',
                                block: 'nearest'
                            });
                        "
                        :class="value === 'R350 000 - R500 000' ? 'active' : ''"
                    >
                        
R350 000 - R500 000
                     value = 'R550 000 - R800 000', 100);
                            $nextTick(() => $refs.hiddenInput.dispatchEvent(new Event('input')));
                            // scroll the tab into view | specifically for mobile
                            $el.scrollIntoView({
                                behavior: 'smooth',
                                inline: 'center',
                                block: 'nearest'
                            });
                        "
                        :class="value === 'R550 000 - R800 000' ? 'active' : ''"
                    >
                        
R550 000 - R800 000
                     value = 'R850 000 - R1 200 000', 100);
                            $nextTick(() => $refs.hiddenInput.dispatchEvent(new Event('input')));
                            // scroll the tab into view | specifically for mobile
                            $el.scrollIntoView({
                                behavior: 'smooth',
                                inline: 'center',
                                block: 'nearest'
                            });
                        "
                        :class="value === 'R850 000 - R1 200 000' ? 'active' : ''"
                    >
                        
R850 000 - R1 200 000
                     value = 'R1 250 000+', 100);
                            $nextTick(() => $refs.hiddenInput.dispatchEvent(new Event('input')));
                            // scroll the tab into view | specifically for mobile
                            $el.scrollIntoView({
                                behavior: 'smooth',
                                inline: 'center',
                                block: 'nearest'
                            });
                        "
                        :class="value === 'R1 250 000+' ? 'active' : ''"
                    >
                        
R1 250 000+
                     value = 'Other', 100);
                            $nextTick(() => $refs.hiddenInput.dispatchEvent(new Event('input')));
                            // scroll the tab into view | specifically for mobile
                            $el.scrollIntoView({
                                behavior: 'smooth',
                                inline: 'center',
                                block: 'nearest'
                            });
                        "
                        :class="value === 'Other' ? 'active' : ''"
                    >
                        
Other