[Vuejs]-Tailwind code hover:border from its docs doesnt work for me

It seems you are using tailwind version below v3. As per documentation hover doesn’t support border width but supports border color. Check this out https://v2.tailwindcss.com/docs/hover-focus-and-other-states#hover
But it supports border width in v3. Try changing version in tailwind playground with your code and see if it works