In the previous article, we saw how we can check if input contains any special characters in Vue.js. In this article, we'll see how to check whether an input contains…

There are times when we need to check if an input contains any special character. We might need to do so to prevent the user from entering invalid characters. Or…

There are numerous CAPTCHA services available which we often use to secure our websites from spam and bots. The most popular ones include Google's reCAPTCHA, Cloudfare's Turnstile, hCpatcha, etc. However,…

There are plenty of ways to access the cursor position if you ever need it in your Vue app. Using the VueUse library's useMouse functionality is probably one of the…

There are tons of libraries which we can use to create sliders in Vue.js. However, it is completely possible to create a slider with a few lines of code using…

We may sometimes need to know the screen width (viewport) of the application. We can easily do that by attaching an event listener to the resize event in our Vue…

Vue comes with inbuilt transition capabilities which we can use to create beautiful animations. We can then use these animations when updating some states in our Vue app. Let's have…

It's often convenient to show the readers a tiny part of a copy and then when they click on show more, we could show the full content. We can quickly…

Earlier we've seen how we can generate and place a random custom color avatar in Vue.js with name initials. In this tutorial, we'll have a look at how we can…