Nuxt Layers for Theming
Nuxt layers make theming effortless by encapsulating styles, components, and configurations into modular layers that can be swapped with a single configuration change. - https://masteringnuxt.com/blog/nuxt-layers-for-theming
#vue
Nuxt layers make theming effortless by encapsulating styles, components, and configurations into modular layers that can be swapped with a single configuration change. - https://masteringnuxt.com/blog/nuxt-layers-for-theming
#vue
Masteringnuxt
Nuxt Layers for Theming
Nuxt layers make theming effortless by encapsulating styles, components, and configurations into modular layers that can be swapped with a single configuration change. This approach keeps your application clean, reusable, and flexible—allowing you to manage…
❤1👍1
How I found an XSS in the Nuxt MDC Library for Markdown Content
Are you using the Nuxt MDC library to render LLM generated content in your Nuxt.js apps?
This article explains a cross-site scripting vulnerability identified today as CVE-2025-24981. - https://www.nodejs-security.com/blog/nuxt-mdc-xss-vulnerability
#vue
Are you using the Nuxt MDC library to render LLM generated content in your Nuxt.js apps?
This article explains a cross-site scripting vulnerability identified today as CVE-2025-24981. - https://www.nodejs-security.com/blog/nuxt-mdc-xss-vulnerability
#vue
NodeJS Security & NodeJS Secure Coding
How I found an XSS in the Nuxt MDC Library for Markdown Content
Are you using the Nuxt MDC library to render LLM generated content in your Nuxt.js apps? You want to read this article to understand how I came to find a Cross-site Scripting vulnerability identified today as CVE-2025-24981
👍1
Building a “Select All” Checkbox Composable in Vue
This post walks through creating a reusable Vue 3 composable to handle “Select All” functionality efficiently. - https://marcoarruda.medium.com/building-a-select-all-checkbox-composable-in-vue-515651c9433a
#vue
This post walks through creating a reusable Vue 3 composable to handle “Select All” functionality efficiently. - https://marcoarruda.medium.com/building-a-select-all-checkbox-composable-in-vue-515651c9433a
#vue
Medium
Building a “Select All” Checkbox Composable in Vue
Managing checkboxes in a Vue 3 application can quickly become tricky, especially when dealing with “Select All” functionality. Whether…
👍2👏1
How to Do Visual Regression Testing in Vue with Vitest?
Visual regression testing detects unintended UI changes by comparing screenshots.
In this guide, you’ll learn how to set up visual regression testing for Vue components using Vitest. - https://alexop.dev/posts/visual-regression-testing-with-vue-and-vitest-browser/
#vue
Visual regression testing detects unintended UI changes by comparing screenshots.
In this guide, you’ll learn how to set up visual regression testing for Vue components using Vitest. - https://alexop.dev/posts/visual-regression-testing-with-vue-and-vitest-browser/
#vue
alexop.dev
How to Do Visual Regression Testing in Vue with Vitest? | alexop.dev
Learn how to implement visual regression testing in Vue.js using Vitest's browser mode. This comprehensive guide covers setting up screenshot-based testing, creating component stories, and integrating with CI/CD pipelines for automated visual testing.
👍2❤1
Avoid a common Vue PERFORMANCE KILLER
Registering components globally is a common patter but also often a performance killer.
Learn in this video what a better way of adding third party components is and how to spot such chances in existing projects already. - https://www.youtube.com/watch?v=xqBqInEPGlc
#vue
Registering components globally is a common patter but also often a performance killer.
Learn in this video what a better way of adding third party components is and how to spot such chances in existing projects already. - https://www.youtube.com/watch?v=xqBqInEPGlc
#vue
YouTube
Avoid a common Vue PERFORMANCE KILLER
Registering components globally is a common patter but also often a performance killer. Learn in this video what a *better* way of adding third party components is and how to spot such chances in existing projects already.
PS: You also learn reading a tree…
PS: You also learn reading a tree…
👍2❤1
Core Nuxt Features for Fast, Scalable, and SEO-Optimized Web Apps
This article explores a carefully curated selection of core Nuxt.js features that make it a standout framework, focusing on how they enhance performance, developer experience, and scalability. - https://www.monterail.com/blog/core-nuxt-features-for-web-apps
#vue
This article explores a carefully curated selection of core Nuxt.js features that make it a standout framework, focusing on how they enhance performance, developer experience, and scalability. - https://www.monterail.com/blog/core-nuxt-features-for-web-apps
#vue
Monterail
Core Nuxt Features for Fast, Scalable, and SEO-Optimized Web Apps | monterail blog
Learn how to enhance web app development with core Nuxt features. Explore flexible rendering modes, TypeScript support, data fetching mechanisms, modular architecture, and more.
❤3
Understanding Vue’s Virtual DOM
In this article, you'll explore how Vue’s Virtual DOM works can help optimize your applications and write more efficient code. - https://dev.to/jacobandrewsky/understanding-vues-virtual-dom-108p
#vue
In this article, you'll explore how Vue’s Virtual DOM works can help optimize your applications and write more efficient code. - https://dev.to/jacobandrewsky/understanding-vues-virtual-dom-108p
#vue
DEV Community
Understanding Vue’s Virtual DOM
Vue.js is a progressive JavaScript framework that offers a reactive and efficient way to build user...
❤2👍1
Pinia problems you should avoid
Pinia is integral for a lot of applications.
But make sure that you don't make the mistakes shown in the video, or if you do, how to fix them. - https://www.youtube.com/watch?v=Md8bNJVQQFA
#vue
Pinia is integral for a lot of applications.
But make sure that you don't make the mistakes shown in the video, or if you do, how to fix them. - https://www.youtube.com/watch?v=Md8bNJVQQFA
#vue
YouTube
3 (and a half) Pinia problems you should AVOID
Pinia is integral for a lot of applications. But make sure that you don't make the mistakes shown in the video, or if you do, how to fix them.
---
Links and Resources
🔗 Pinia Docs https://pinia.vuejs.org/
📺 You are using useFetch wrong https://www.yo…
---
Links and Resources
🔗 Pinia Docs https://pinia.vuejs.org/
📺 You are using useFetch wrong https://www.yo…
❤3
When to Use $fetch, useFetch, or useAsyncData in Nuxt: A Comprehensive Guide
Confused about when to use $fetch, useFetch, or useAsyncData in Nuxt?
This guide breaks down their differences, best use cases, and common pitfalls to help you make the right choice for your project. - https://masteringnuxt.com/blog/when-to-use-fetch-usefetch-or-useasyncdata-in-nuxt-a-comprehensive-guide
#vue
Confused about when to use $fetch, useFetch, or useAsyncData in Nuxt?
This guide breaks down their differences, best use cases, and common pitfalls to help you make the right choice for your project. - https://masteringnuxt.com/blog/when-to-use-fetch-usefetch-or-useasyncdata-in-nuxt-a-comprehensive-guide
#vue
Masteringnuxt
When to Use $fetch, useFetch, or useAsyncData in Nuxt: A Comprehensive Guide
Confused about when to use $fetch, useFetch, or useAsyncData in Nuxt? This guide breaks down their differences, best use cases, and common pitfalls to help you make the right choice for your project.
👍1
2025 Comprehensive Nuxt Tutorial
In this in 5 hour depth course you build a dark, modern, animated website with Nuxt, GSAP, Prismic, Tailwind, and TypeScript. - https://www.youtube.com/watch?v=EmvCh7Jb0Mw
#vue
In this in 5 hour depth course you build a dark, modern, animated website with Nuxt, GSAP, Prismic, Tailwind, and TypeScript. - https://www.youtube.com/watch?v=EmvCh7Jb0Mw
#vue
YouTube
Learn Nuxt, GSAP, Tailwind, and Prismic to build a dark, mordern, sleek website - Full Course 2025
🪁 Build a dark, modern, animated website with Nuxt, GSAP, Prismic, Tailwind, and TypeScript!
In this in depth course we make a trendy, dark and modern website in the same style as Linear, AuthKit, Raycast, Clerk, and many more!
You'll learn how to use…
In this in depth course we make a trendy, dark and modern website in the same style as Linear, AuthKit, Raycast, Clerk, and many more!
You'll learn how to use…
❤4🔥3👍1
5 Vue features you might MISS OUT right now
In more than 11 years of Vue, a lot of features became part of the framework - and of course, nobody uses all of them.
So why not presenting some of the lesser-known features? That's what happens in this video. - https://www.youtube.com/watch?v=Tsdhuug3z1A
#vue
In more than 11 years of Vue, a lot of features became part of the framework - and of course, nobody uses all of them.
So why not presenting some of the lesser-known features? That's what happens in this video. - https://www.youtube.com/watch?v=Tsdhuug3z1A
#vue
YouTube
5 Vue features you might MISS OUT right now
In more than 11 years of Vue.js, a lot of features became part of the framework - and of course, nobody uses *all* of them. So why not presenting some of the lesser-known features? That's what happens in this video!
---
Links and Resources:
🔗 Props Destructure…
---
Links and Resources:
🔗 Props Destructure…
❤4
How to Develop an Open Telemetry Plugin for Nuxt
Currently, there is no built-in OpenTelemetry integration in Nuxt.
This article explains how to create a plugin for it. - https://techwatching.dev/posts/nuxt-otel
#vue
Currently, there is no built-in OpenTelemetry integration in Nuxt.
This article explains how to create a plugin for it. - https://techwatching.dev/posts/nuxt-otel
#vue
Alexandre Nédélec's personal website
How to Develop an Open Telemetry Plugin for Nuxt
When developing an application, it’s important to collect data for observability and monitoring purposes. The OpenTelemetry (OTel) is an open source observability framework that will help you collect this telemetry in a standardized way, while being completely…
❤2👍1
How to use Prisma ORM with Nuxt
This guide explains how to set up a Nuxt application, configure Prisma Postgres using the Prisma Nuxt module, and deploy the project to Vercel for production. - https://www.prisma.io/docs/guides/nuxt
#vue
This guide explains how to set up a Nuxt application, configure Prisma Postgres using the Prisma Nuxt module, and deploy the project to Vercel for production. - https://www.prisma.io/docs/guides/nuxt
#vue
www.prisma.io
Build a Nuxt app with Prisma ORM and Prisma Postgres
A step-by-step guide to setting up and using Prisma ORM and Prisma Postgres with the Prisma Nuxt module and deploying to Vercel.
👍3
How to Create Dynamic OG Images in Nuxt
This article walks through how to create dynamic OG images in Nuxt, step-by-step. - https://dev.to/jacobandrewsky/how-to-create-dynamic-og-images-in-nuxt-1ehf
#vue
This article walks through how to create dynamic OG images in Nuxt, step-by-step. - https://dev.to/jacobandrewsky/how-to-create-dynamic-og-images-in-nuxt-1ehf
#vue
DEV Community
How to Create Dynamic OG Images in Nuxt
If you're building a Nuxt app and want your content to stand out on social media, dynamic OG images...
❤1👍1
State of Vue.js Report 2025
Co-created with Evan You and the Vue and Nuxt Core Teams
10 years of growth.
16 case studies (GitLab, Storyblok & more).
1,400+ devs surveyed. - https://www.monterail.com/stateofvue
#vue
Co-created with Evan You and the Vue and Nuxt Core Teams
10 years of growth.
16 case studies (GitLab, Storyblok & more).
1,400+ devs surveyed. - https://www.monterail.com/stateofvue
#vue
Monterail
The State of Vue.js Report 2025 | Co-created with Vue & Nuxt Core Teams
Explore the fifth edition of the Vue.js report—exclusive developer data, real-world case studies, and unique insights. Your ultimate view on Vue.
❤3👍1
Introducing Motion for Vue
An animation library that's simple to start and fun to master, its unique hybrid engine combining the performance of hardware accelerated browser APIs with the limitless potential of JavaScript. - https://motion.dev/blog/introducing-motion-for-vue
#vue
An animation library that's simple to start and fun to master, its unique hybrid engine combining the performance of hardware accelerated browser APIs with the limitless potential of JavaScript. - https://motion.dev/blog/introducing-motion-for-vue
#vue
motion.dev
Introducing Motion for Vue - Motion Blog
Motion finally arrives on Vue, complete with variants, scroll, layout animations, and everything else you love from Framer Motion.
❤1👍1🔥1
Install Tailwind CSS 4 With Vue.js and Nuxt
Learn how to install Tailwind version 4 with a Vue project via the Tailwind Vite plugin.
Also learn how to install Tailwind CSS with a Nuxt project. - https://www.youtube.com/watch?v=Bzq1g_Cfp60
#vue
Learn how to install Tailwind version 4 with a Vue project via the Tailwind Vite plugin.
Also learn how to install Tailwind CSS with a Nuxt project. - https://www.youtube.com/watch?v=Bzq1g_Cfp60
#vue
YouTube
Install Tailwind CSS 4 With Vue.js and Nuxt
Learn how to install Tailwindcss version 4 with a Vue project via the tailwind Vite plugin. Also learn how to install Tailwind CSS with a Nuxt project. Both are straightforward and rely on the Vite plugin to do the heavy lifting.
Heads up, this is only an…
Heads up, this is only an…
❤1👍1
Handling large lists efficiently in Vue 3
In this article, you’ll explore the best techniques to optimize large lists in Vue 3. - https://dev.to/jacobandrewsky/handling-large-lists-efficiently-in-vue-3-4im1
#vue
In this article, you’ll explore the best techniques to optimize large lists in Vue 3. - https://dev.to/jacobandrewsky/handling-large-lists-efficiently-in-vue-3-4im1
#vue
DEV Community
Handling large lists efficiently in Vue 3
Handling large lists in Vue 3 efficiently is crucial for maintaining smooth performance and a great...
❤4
Vue 3 Really Doesn’t Need Pinia
The article argues that Vue 3's built-in features make external state libraries like Pinia unnecessary, especially when using the Composition API. - https://blog.stackademic.com/vue3-really-doesnt-need-pinia-1203b405cb33
#vue
The article argues that Vue 3's built-in features make external state libraries like Pinia unnecessary, especially when using the Composition API. - https://blog.stackademic.com/vue3-really-doesnt-need-pinia-1203b405cb33
#vue
Medium
Vue3 Really Doesn’t Need Pinia!!!
My article is open to everyone; non-member readers can click this link to read the full text.
👍3
Vue animations just got WAY better
Motion (previously Framer Motion) has been one of the things that made the author jealous of React devs.
But now, with an official Vue integration, it's quickly becoming his go-to way of making advanced animations in Vue. - https://www.youtube.com/watch?v=wvINSME-FMs
#vue
Motion (previously Framer Motion) has been one of the things that made the author jealous of React devs.
But now, with an official Vue integration, it's quickly becoming his go-to way of making advanced animations in Vue. - https://www.youtube.com/watch?v=wvINSME-FMs
#vue
YouTube
Vue animations just got WAY better
Motion (previously Framer Motion) has been one of the things that made me jealous of React devs. But now, with an official Vue integration, it's quickly becoming my go-to way of making advanced animations in Vue.
RESOURCES
blog post - https://motion.de…
RESOURCES
blog post - https://motion.de…
👍3