open = false, 100)"
:class="{'dropdown__content--open': open }"
x-effect="if (open) {
const rect = $el.getBoundingClientRect();
if (rect.left < 0) {
$el.classList.add('dropdown__content--to-left');
$el.classList.remove('dropdown__content--to-right');
} else if (rect.right > window.innerWidth) {
$el.classList.remove('dropdown__content--to-left');
$el.classList.add('dropdown__content--to-right');
}
}"
class="dropdown__content card card--sm dropdown__content--to-right">