Vue.js is powerful in DOM manipulation. The fact that the framework was created for this purpose stands correct in all situations. We can change the background or the body background…
How to reverse a list in v-for in Vue 3 | Example
Sometimes, we may want to reverse the list ordering without reversing the actual data. We can achieve the same with two different ways in Vue.js. We can update the rendering…
How to add Gtag / Google Analytics 4 in Vue.js / Nuxt.js | Example
There are multiple ways to add Gtag in a Nuxt.js application. Depending on the Vue.js version you're using, the ways would vary a bit. Let's have a look at how…
Send email with Sendgrid in Vue.js / Nuxt.js and Express.js | Example
Twillio's Sendgrid is one of the most popular email services used across the world. Sending an email from the front-end is a three-step process: We send the mail content (parsed…
Create a password strength indicator in Vue.js | Example
Showing a password indicator graphically is probably the best way to inform the user about their password strength. We can show different indicator colors and progress based on the entered…
Check if input contains numbers in Vue.js | Example
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…
Check if input contains special characters in Vue.js | Example
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…
Create a custom CAPTCHA generator in Vue.js | Example
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,…
How to access cursor/mouse position in Vue.js | Example
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…