{ open = false }, 200)"
@click="open = !open"
class="hover:text-twitterBlue transition-colors p-1 -ml-1">
{ open = false }, 200)"
x-transition:enter="transition ease-out duration-200"
x-transition:enter-start="opacity-0 scale-95 translate-y-2"
x-transition:enter-end="opacity-100 scale-100 translate-y-0"
class="absolute top-full left-0 mt-1 w-48 bg-white border border-gray-100 rounded-xl shadow-xl py-2 z-50">
{ open = false }, 200)"
@click="open = !open"
class="hover:text-twitterBlue transition-colors p-1 -ml-1">
{ open = false }, 200)"
x-transition:enter="transition ease-out duration-200"
x-transition:enter-start="opacity-0 scale-95 translate-y-2"
x-transition:enter-end="opacity-100 scale-100 translate-y-0"
class="absolute top-full left-0 mt-1 w-48 bg-white border border-gray-100 rounded-xl shadow-xl py-2 z-50">
{ open = false }, 200)"
@click="open = !open"
class="hover:text-twitterBlue transition-colors p-1 -ml-1">
{ open = false }, 200)"
x-transition:enter="transition ease-out duration-200"
x-transition:enter-start="opacity-0 scale-95 translate-y-2"
x-transition:enter-end="opacity-100 scale-100 translate-y-0"
class="absolute top-full left-0 mt-1 w-48 bg-white border border-gray-100 rounded-xl shadow-xl py-2 z-50">
{ open = false }, 200)"
@click="open = !open"
class="hover:text-twitterBlue transition-colors p-1 -ml-1">
{ open = false }, 200)"
x-transition:enter="transition ease-out duration-200"
x-transition:enter-start="opacity-0 scale-95 translate-y-2"
x-transition:enter-end="opacity-100 scale-100 translate-y-0"
class="absolute top-full left-0 mt-1 w-48 bg-white border border-gray-100 rounded-xl shadow-xl py-2 z-50">