Weekly Vue News #240

TypeScript at Scale, Pinia Colada v1, Vite Recap & effectScope Deep Dive

View online

Vue

📕 Using effectScope to Control Vue Reactivity Lifecycles

👉🏻 Vue 3 introduced effectScope to give developers explicit control over the lifecycle of reactive effects.

📕 Best practices for Accessibility in Vue / Nuxt

👉🏻 This guide will walk you through practical, tested accessibility practices for Vue 3 and Nuxt 3 apps.

📕 Vue.js with TypeScript: Best Practices for Large-Scale Projects

👉🏻 Learn the best practices for scaling Vue with TypeScript to meet the demands of modern enterprise environments.

📕 Lesser-Known but Powerful Vue Features

👉🏻 Vue includes several lesser-known features that can significantly improve performance, code clarity, architecture, and developer experience.

Nuxt

📕 Best practices for Accessibility in Vue / Nuxt

👉🏻 This guide will walk you through practical, tested accessibility practices for Vue 3 and Nuxt 3 apps.

Launch Your Nuxt App in Minutes - Not Weeks I built this starter kit because I kept rewriting the same boilerplate for every new Nuxt project.

📅 Events

Vue.js Amsterdam (12-13 March 2026, Amsterdam, Netherlands)

Vueconf US (19-21 May 2026, Atlanta, USA)

MadVue (22 May 2026, Madrid, Spain)

💬 Quote of the week

🧑🏻‍💻 In Other News

📕 Seven Years to TypeScript: Migrating 11,000 Files at Patreon

👉🏻 Patreon successfully completed a seven-year migration (2019-2026) of its entire 11,000-file, 1 million-line frontend codebase from JavaScript to TypeScript.

📕 What’s New in ViteLand: February 2026 Recap

👉🏻 A recap of the project updates for Vite+, Vite, Vitest, Rolldown, Oxc, and what’s happening in the community.

🛠️ Pinia Colada v1

👉🏻 After 2 years of iterating, Pinia Colada has matured into a light, performant and Vue native solution for async state management.

🛠️ json-render

👉🏻 Generate dynamic, personalized UIs from prompts without sacrificing reliability.

👉🏻 Predefined components and actions for safe, predictable output.

📹 Open Source devs just built a modern npmjs.com?!

👉🏻 Learn why npmx.dev is my new way to browse npm packages.

😂 Fun

🔗 Want more Vue & Nuxt content?

More Exclusive Vue Tips: Join Michael Thiessen's newsletter and get great Vue tips and insights delivered to your inbox each week.

Weekly Vue & Nuxt Videos: You should subscribe Alexander Lichter's YouTube channel if you are interested in Vue & Nuxt.

Comments? Join the discussion about this issue in our Discord community .

Until next week,

Michael Hoffmann (Curator)

To support me:

😘 Recommend the newsletter to your friends: it really helps!

💸 Sponsor this newsletter

🦋 Repost the latest BlueSky post

📨 Reply to this email: feedback is welcome

* Some of my links are affiliate links; if you make a purchase, I gain a small percentage at no extra cost. Thank you for supporting my newsletter.

Unsubscribe

Siegersdorf 18, 94371 Rattenberg, Germany

Weekly Vue News #239

Accessibility tips, Nuxt UI updates, and power tools for dev productivity

View online

Vue

📕 Accessibility in Vue: Quick Tips for Building Inclusive Apps

👉🏻 This article provides practical and quick tips for improving accessibility in Vue apps.

🛠️ vue-scrollama

👉🏻 A library for doing so called "scrollytelling" where scroll position affects the presence of certain elements in the viewport.

🛠️ Knowledge Agent Template

👉🏻 Open source file-system and knowledge based agent template.

👉🏻 Build AI agents that stay up to date with your knowledge base.

Nuxt

🛠️ Nuxt UI v4.5

👉🏻 New Theme component to override the styling of all child components at once

👉🏻 4 new neutral colors from Tailwind v4.2: taupe, mauve, mist, olive

👉🏻 Duplicate toast prevention with pulse animation

👉🏻 ...and lots more

🛠️ FrameZero v1

👉🏻 Matt, the creator of this tool, calls it "Whiteboard Video Editor" and released v1.

👉🏻 Built for explainers, tutorials, and video essays with Nuxt.

Launch Your Nuxt App in Minutes - Not Weeks I built this starter kit because I kept rewriting the same boilerplate for every new Nuxt project.

📅 Events

Vue.js Amsterdam (12-13 March 2026, Amsterdam, Netherlands)

Vueconf US (19-21 May 2026, Atlanta, USA)

MadVue (22 May 2026, Madrid, Spain)

💬 Quote of the week

🧑🏻‍💻 In Other News

📕 Database Transactions

👉🏻 Database transactions are fundamental, atomic operations that combine multiple SQL queries into a single unit, ensuring data consistency and allowing for rollbacks.

📕 How we rebuilt Next.js with AI in one week

👉🏻 Cloudflare ported Next.js to Vite in a week for $1,100.

📕 Code Isn't Slowing Your Project Down, Communication Is

👉🏻 Poor communication, rather than code complexity, is the primary factor that slows down software projects and shapes system architecture.

🛠️ Oxfmt Beta

👉🏻 A 100% Prettier-compatible JavaScript code formatter (and sister project of Oxlint) that boasts being 30x faster than Prettier and 3x faster than Biome.

😂 Fun

🔗 Want more Vue & Nuxt content?

More Exclusive Vue Tips: Join Michael Thiessen's newsletter and get great Vue tips and insights delivered to your inbox each week.

Weekly Vue & Nuxt Videos: You should subscribe Alexander Lichter's YouTube channel if you are interested in Vue & Nuxt.

Comments? Join the discussion about this issue in our Discord community .

Until next week,

Michael Hoffmann (Curator)

To support me:

😘 Recommend the newsletter to your friends: it really helps!

💸 Sponsor this newsletter

🦋 Repost the latest BlueSky post

📨 Reply to this email: feedback is welcome

* Some of my links are affiliate links; if you make a purchase, I gain a small percentage at no extra cost. Thank you for supporting my newsletter.

Unsubscribe

Siegersdorf 18, 94371 Rattenberg, Germany

Weekly Vue News #238

Nuxt UI v4, business wins with Nuxt, and VueUse

View online

Vue

📕 Building Better Abstractions with Vue Render Functions*

👉🏻 Learn a practical pattern for using Vue render functions to build better abstractions and simplify your component architecture.

📕 The Complete Guide to Vue Slots*

👉🏻 This guide walks you through the basics, advanced techniques, and plenty of practical scenarios of Vue Slots.

📹 Build Your First 3D Scene with Vue + TresJS

👉🏻 Alvaro shows you how he develops 3D experiences with Vue.

📹 State, Routing, and the Future of Vue

👉🏻 Jakub talks to Eduardo San Martin Morote - Core Team Member of Vue.js, creator of Pinia, and maintainer of Vue Router.

👉🏻 They explore the evolution of Vue’s ecosystem, the philosophy behind Pinia, the challenges of maintaining infrastructure used by millions of developers, and what the future holds for state management, routing, and reactivity.

🛠️ Broad Infinite List

👉🏻 A high-performance, bidirectional infinite loader for Vue, React and React Native.

Nuxt

📕 Business Advantages of Using Nuxt

👉🏻 A practical look at how Nuxt impacts SEO, performance, scalability, and time to market — not just developer experience.

📕 Supercharging Nuxt Apps with VueUse

👉🏻 If you’re building Nuxt apps and not using VueUse yet, you’re probably working harder than you need to.

📹 My New Favorite UI Library (Nuxt UI)

👉🏻 In this video, you take a look at Nuxt UI v4.

👉🏻 A comprehensive Vue UI component library with 125+ accessible, components for building modern web applications.

🛠️ evlog

👉🏻 A TypeScript logging library focused on wide events and structured error handling.

👉🏻 Works as a first‑class Nitro v2/v3 module for any framework built on Nitro (Nuxt & more).

Launch Your Nuxt App in Minutes - Not Weeks I built this starter kit because I kept rewriting the same boilerplate for every new Nuxt project.

📅 Events

Vue.js Amsterdam (12-13 March 2026, Amsterdam, Netherlands)

Vueconf US (19-21 May 2026, Atlanta, USA)

MadVue (22 May 2026, Madrid, Spain)

💬 Quote of the week

🧑🏻‍💻 In Other News

🛠️ TanStack Hotkeys

👉🏻 A type-safe, cross-platform hotkey library with sequence detection, key state tracking, hotkey recording, and framework adapters for React and more.

📕 How to make an HTTP request in Node.js

👉🏻 Learn to make HTTP requests in Node.js using built-in fetch(), http/https modules.

👉🏻 Covers POST, authentication, streaming, and testing with code examples.

😂 Fun

🔗 Want more Vue & Nuxt content?

More Exclusive Vue Tips: Join Michael Thiessen's newsletter and get great Vue tips and insights delivered to your inbox each week.

Weekly Vue & Nuxt Videos: You should subscribe Alexander Lichter's YouTube channel if you are interested in Vue & Nuxt.

Comments? Join the discussion about this issue in our Discord community .

Until next week,

Michael Hoffmann (Curator)

To support me:

😘 Recommend the newsletter to your friends: it really helps!

💸 Sponsor this newsletter

🦋 Repost the latest BlueSky post

📨 Reply to this email: feedback is welcome

* Some of my links are affiliate links; if you make a purchase, I gain a small percentage at no extra cost. Thank you for supporting my newsletter.

Unsubscribe

Siegersdorf 18, 94371 Rattenberg, Germany

Weekly Vue News #237

Top Nuxt Modules for 2026, TypeScript 6.0 Beta, and AI Content Tools

View online

Nuxt

📕 Nuxt Modules Worth Checking Out in 2026*

👉🏻 Discover the top Nuxt modules worth checking Out in 2026 to boost performance, improve DX, and streamline your Vue and Nuxt projects.

📕 AI-Powered Content Assistance in Nuxt Studio

👉🏻 Learn how to enable and use AI-powered features in Nuxt Studio for intelligent content completion, transformation, and style guidance.

📕 Regular Nuxt Patch Releases

👉🏻 v4.3.1 and v3.21.1 include a range of fixes:

👉🏻 path encoding is now properly aligned with vue-router (which anyone using @nuxtjs/i18n@nuxtjs/i18n with encoded paths will appreciate).

👉🏻 A fix for visual flashes when navigating between nested routes of different depths, and CSS flickering after config changes in dev mode.

👉🏻 createErrorcreateError with fatal: truefatal: true should no longer strip custom error messages in production SSR.

🛠️ Nuxt UI v4.4.0

👉🏻 Lots of Editor love (task lists, placeholder mode, code in links).

👉🏻 CommandPalette & InputMenu improvements.

👉🏻 Calendar week numbers.

👉🏻 New byby & valueKeyvalueKey props.

🛠️ @nuxt/test-utils v4 is out

👉🏻 Mocking is much more reliable.

👉🏻 Works with vitest v4 + Vite's native Module Runner.

👉🏻 registerEndpointregisterEndpoint improvements.

🛠️ quick-conf

👉🏻 A completely free template for quickly setting up a new conference or meetup website.

👉🏻 Powered by Nuxt Studio under the hood as a Git-based CMS.

🛠️ excalidrawNuxt

👉🏻 A collaborative drawing application built with Nuxt 4 and Vue 3.

👉🏻 Inspired by and based on Excalidraw.

Launch Your Nuxt App in Minutes - Not Weeks I built this starter kit because I kept rewriting the same boilerplate for every new Nuxt project.

📅 Events

Vue.js Amsterdam (12-13 March 2026, Amsterdam, Netherlands)

Vueconf US (19-21 May 2026, Atlanta, USA)

MadVue (22 May 2026, Madrid, Spain)

💬 Quote of the week

🧑🏻‍💻 In Other News

📕 It’s about to get a lot easier for your JavaScript to clean up after itself

👉🏻 JS is getting a using keyword, the first new way to declare a variable since const and let in 2015.

👉🏻 It automatically cleans up resources (file handles, connections, and streams) when they go out of scope.

📕 Announcing TypeScript 6.0 Beta

👉🏻 The last release based on the current JavaScript codebase.

👉🏻 TypeScript 7.0 and beyond will use a new codebase for the TypeScript compiler and language service written in Go.

🛠️ wc3ui

👉🏻 A themeable, accessible component library inspired by the Warcraft III interface.

👉🏻 Ships with four faction themes out of the box.

👉🏻 Zero dependencies.

👉🏻 Framework-agnostic.

🛠️ npmx

👉🏻 A fast, modern browser for the npm registry.

😂 Fun

🔗 Want more Vue & Nuxt content?

More Exclusive Vue Tips: Join Michael Thiessen's newsletter and get great Vue tips and insights delivered to your inbox each week.

Weekly Vue & Nuxt Videos: You should subscribe Alexander Lichter's YouTube channel if you are interested in Vue & Nuxt.

Comments? Join the discussion about this issue in our Discord community .

Until next week,

Michael Hoffmann (Curator)

To support me:

😘 Recommend the newsletter to your friends: it really helps!

💸 Sponsor this newsletter

🦋 Repost the latest BlueSky post

📨 Reply to this email: feedback is welcome

* Some of my links are affiliate links; if you make a purchase, I gain a small percentage at no extra cost. Thank you for supporting my newsletter.

Unsubscribe

Siegersdorf 18, 94371 Rattenberg, Germany

Weekly Vue News #236

Vue on the Edge, Nuxt CLI Upgrades, and the Vite January Recap

View online

Vue

📕 Just Use Vue.js

👉🏻 Why aren't you using Vue?

📕 Generate Deterministic UIs with Vue and the AI SDK

👉🏻 Deterministic UIs are a great way to empower users to get things done in your apps with AI.

👉🏻 Use the AI SDK to generate them in your Vue apps.

🛠️ svelteesp32

👉🏻 A curious project for embedding Svelte, React, Angular or Vue frontends into ESP32 microcontroller apps.

Nuxt

📕 Meet the AI Assistant for Docus

👉🏻 Setup your assistant in seconds with a single environment variable.

👉🏻 Fast and real-time search. 👉🏻 Make it yours with custom tools.

🛠️ nuxt doctor

👉🏻 A diagnostic command for the Nuxt CLI

👉🏻 Validates your setup 👉🏻 Catches common misconfigs 👉🏻 Checks module compatibility 👉🏻 Extensible hook for module authors

Launch Your Nuxt App in Minutes - Not Weeks I built this starter kit because I kept rewriting the same boilerplate for every new Nuxt project.

📅 Events

Vue School’s Free Weekend (February 28 to March 1, Online)

Vue.js Amsterdam (12-13 March 2026, Amsterdam, Netherlands)

Vueconf US (19-21 May 2026, Atlanta, USA)

MadVue (22 May 2026, Madrid, Spain)

💬 Quote of the week

🧑🏻‍💻 In Other News

📕 Porting 100k lines from TypeScript to Rust using Claude Code in a month

👉🏻 The author shares his experiences and techniques used to work around issues where Claude Code would get bogged down in such a large task.

📕 What’s New in ViteLand: January 2026 Recap

👉🏻 A recap the project updates for Vite+, Vite, Vitest, Rolldown, Oxc, and what’s happening in the community.

🛠️ Quake

👉🏻 A WIP Three.js-powered port of 1996's Quake.

🛠️ flexboxle

👉🏻 Here's a fun Wordle-style puzzle where you're challenged to enter the correct CSS Flexbox property values in order to reach the goal output.

😂 Fun

🔗 Want more Vue & Nuxt content?

More Exclusive Vue Tips: Join Michael Thiessen's newsletter and get great Vue tips and insights delivered to your inbox each week.

Weekly Vue & Nuxt Videos: You should subscribe Alexander Lichter's YouTube channel if you are interested in Vue & Nuxt.

Comments? Join the discussion about this issue in our Discord community .

Until next week,

Michael Hoffmann (Curator)

To support me:

😘 Recommend the newsletter to your friends: it really helps!

💸 Sponsor this newsletter

🦋 Repost the latest BlueSky post

📨 Reply to this email: feedback is welcome

* Some of my links are affiliate links; if you make a purchase, I gain a small percentage at no extra cost. Thank you for supporting my newsletter.

Unsubscribe

Siegersdorf 18, 94371 Rattenberg, Germany