Don't miss the next edition. Subscribe to the newsletter.
Published at Feb 24, 2025, 3:00 PMRun Heavy Computations Smoothly in Vue with Web Workers Ready for your weekly Vue & Nuxt dose? Weekly Vue News #186 Run Heavy Computations Smoothly in Vue with Web Workers View online Hi 👋 Not much progress on my SaaS starter kit this week. Right now, I’m mainly focused on preparing for the construction of our house, which kicks off next month. Exciting times ahead! Enjoy this issue and have a lovely week ☀️ Sponsored VueSchool’s Free Weekend on March 1-2 Don’t make plans for the weekend of 1-2 March because it is an all-you-can-watch weekend at Vue School! 🚀 For 48 hours, they unlock all of their highly acclaimed courses and make them available to you completely FREE. → Join Vue School’s Free Weekend Vue 📕 Vue is Too Easy 👉🏻 Vue makes building web apps simple but powerful. 👉🏻 It’s easy to learn, yet flexible enough for large projects. 📕 RxDB as a Database in a Vue Application 👉🏻 This article explores how RxDB works, why it's a perfect match for Vue, and how you can leverage it to build more engaging, performant, and data-resilient Vue applications. 🛠️ Pinia v3 👉🏻 Vue 2 support discontinued. 👉🏻 Vue Devtools upgraded to v7. 👉🏻 type: module (CJS still supported). 💡 Vue Tip: Run Heavy Computations Smoothly in Vue with Web Workers Web Workers are a simple means for web content to run scripts in background threads. The worker thread can perform tasks without interfering with the user interface. VueUse provides the useWebWorkerFn composable which provides a simple syntax to run heavy computations in a Web Worker without blocking the UI: 1 import { useWebWorkerFn } from ' @vueuse/core ' 2 3 const { workerFn } = useWebWorkerFn (() => { 4 // some heavy works to do in web worker 5 }) Before you start using this function, I suggest you read the Web Workers documentation. Nuxt 📕 Nuxt 2 to Nuxt 3 Migration – Why Now and How to Succeed 👉🏻 Why you should migrate now. 👉🏻 Key steps for a successful upgrade. 👉🏻 Common challenges & how to overcome them. 📕 How to Use Nuxt 3 Middleware for Authentication and Permissions 👉🏻 In this article, you'll explore how to implement authentication and permissions using Nuxt 3 middleware effectively. 📕 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. 📕 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. 📹 Nuxt UI 3 – A Game Changer for Nuxt Developers! 👉🏻 Learn how to install it in minutes. 👉🏻 Explore built-in theming for a stunning UI. 👉🏻 Boost your development speed with pre-made components. 🛠️ Canvas - The i18n portfolio template 👉🏻 A fully customizable i18n portfolio template built with Nuxt and Nuxt UI. 👉🏻 Integrated i18n support & open source. 👉🏻 Fully compatible with Nuxt Studio. 📅 Events Vuejs Amsterdam (12 - 13 March 2025, Amsterdam, Netherlands) Vueconf.US (13 - 15 May 2025, Tampa, Florida) MadVue (29 May 2025, Madrid, Spain) 💬 Quote of the week 🧑🏻💻 In Other News 📕 The End of Programming as We Know It 👉🏻 AI will not eliminate programmers, but rather transform their roles, requiring them to adapt and develop new skills to properly use AI tools to their fullest potential. 📕 It’s OK to hardcode feature flags 👉🏻 Hardcoding feature flags is often a simpler, safer, and often sufficient solution for teams early in development compared to using a SaaS platform for them. 🛠️ Jujutsu 👉🏻 A Git-compatible version control system with features like automatic rebasing, conflict resolution, and a working-copy-as-a-commit model. 🛠️ Maskito 👉🏻 A collection of libraries, built with TypeScript. 👉🏻 It helps you to create an input mask which ensures that users type values according to predefined format. 😂 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 must subscribe Alexander Lichter's YouTube channel if you are interested in Vue & Nuxt. DejaVue Podcast : A weekly podcast about Vue.js and the ecosystem around it. 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 Holzapfelkreuther Str. 19, 81375 Munich, Germany {{ TrackView }}