...
{ pageSelect = false; })" class="px-4 md:px-3 py-2 md:py-1 text-center cursor-pointer w-12 text-[#A09D9D] hover:text-[#161413] transition-all duration-300" :class="{
'text-[#161413] cursor-default' : currentProductPage == p,
'text-[#A09D9D] cursor-pointer' : currentProductPage != p
}" x-text="p">
{ pageSelect = false; })" class="px-4 md:px-3 py-2 md:py-1 text-center w-12 hover:text-[#161413] transition-all duration-300 text-[#161413] cursor-default" :class="{
'text-[#161413] cursor-default' : currentProductPage == p,
'text-[#A09D9D] cursor-pointer' : currentProductPage != p
}" x-text="p">1
{ pageSelect = false; })" class="px-4 md:px-3 py-2 md:py-1 text-center cursor-pointer w-12 text-[#A09D9D] hover:text-[#161413] transition-all duration-300" :class="{
'text-[#161413] cursor-default' : currentProductPage == p,
'text-[#A09D9D] cursor-pointer' : currentProductPage != p
}" x-text="p">2
{ pageSelect = false; })" class="px-4 md:px-3 py-2 md:py-1 text-center cursor-pointer w-12 text-[#A09D9D] hover:text-[#161413] transition-all duration-300" :class="{
'text-[#161413] cursor-default' : currentProductPage == p,
'text-[#A09D9D] cursor-pointer' : currentProductPage != p
}" x-text="p">3
{ pageSelect = false; })" class="px-4 md:px-3 py-2 md:py-1 text-center cursor-pointer w-12 text-[#A09D9D] hover:text-[#161413] transition-all duration-300" :class="{
'text-[#161413] cursor-default' : currentProductPage == p,
'text-[#A09D9D] cursor-pointer' : currentProductPage != p
}" x-text="p">4
{ pageSelect = false; })" class="px-4 md:px-3 py-2 md:py-1 text-center cursor-pointer w-12 text-[#A09D9D] hover:text-[#161413] transition-all duration-300" :class="{
'text-[#161413] cursor-default' : currentProductPage == p,
'text-[#A09D9D] cursor-pointer' : currentProductPage != p
}" x-text="p">5
{ pageSelect = false; })" class="px-4 md:px-3 py-2 md:py-1 text-center cursor-pointer w-12 text-[#A09D9D] hover:text-[#161413] transition-all duration-300" :class="{
'text-[#161413] cursor-default' : currentProductPage == p,
'text-[#A09D9D] cursor-pointer' : currentProductPage != p
}" x-text="p">6
{ pageSelect = false; })" class="px-4 md:px-3 py-2 md:py-1 text-center cursor-pointer w-12 text-[#A09D9D] hover:text-[#161413] transition-all duration-300" :class="{
'text-[#161413] cursor-default' : currentProductPage == p,
'text-[#A09D9D] cursor-pointer' : currentProductPage != p
}" x-text="p">7
{ pageSelect = false; })" class="px-4 md:px-3 py-2 md:py-1 text-center cursor-pointer w-12 text-[#A09D9D] hover:text-[#161413] transition-all duration-300" :class="{
'text-[#161413] cursor-default' : currentProductPage == p,
'text-[#A09D9D] cursor-pointer' : currentProductPage != p
}" x-text="p">8
{ pageSelect = false; })" class="px-4 md:px-3 py-2 md:py-1 text-center cursor-pointer w-12 text-[#A09D9D] hover:text-[#161413] transition-all duration-300" :class="{
'text-[#161413] cursor-default' : currentProductPage == p,
'text-[#A09D9D] cursor-pointer' : currentProductPage != p
}" x-text="p">9
{ pageSelect = false; })" class="px-4 md:px-3 py-2 md:py-1 text-center cursor-pointer w-12 text-[#A09D9D] hover:text-[#161413] transition-all duration-300" :class="{
'text-[#161413] cursor-default' : currentProductPage == p,
'text-[#A09D9D] cursor-pointer' : currentProductPage != p
}" x-text="p">10
{ pageSelect = false; })" class="px-4 md:px-3 py-2 md:py-1 text-center cursor-pointer w-12 text-[#A09D9D] hover:text-[#161413] transition-all duration-300" :class="{
'text-[#161413] cursor-default' : currentProductPage == p,
'text-[#A09D9D] cursor-pointer' : currentProductPage != p
}" x-text="p">11
{ pageSelect = false; })" class="px-4 md:px-3 py-2 md:py-1 text-center cursor-pointer w-12 text-[#A09D9D] hover:text-[#161413] transition-all duration-300" :class="{
'text-[#161413] cursor-default' : currentProductPage == p,
'text-[#A09D9D] cursor-pointer' : currentProductPage != p
}" x-text="p">12