Don't miss the next edition. Subscribe to the newsletter.
Published at Apr 21, 2025, 3:00 PMReactive Time Ago Ready for your weekly Vue & Nuxt dose? Weekly Vue News #194 Reactive Time Ago View online Hi 👋 I’m on vacation this week, so no special news from my side — just some fresh Vue & Nuxt content for you! Enjoy this issue and have a lovely week ☀️ Vue 📕 Optimizing heavy operations in Vue with Web Workers 👉🏻 In this article, you'll explore how to use Web Workers in a Vue 3 project to keep the UI responsive while running CPU-heavy tasks. 📕 Secure a Vue app with OpenID Connect and the BFF pattern 👉🏻 In this post, we’ll look at the basic architecture of a BFF solution, the responsibilities of each component, and how it all fits together. 📕 Publishing an iOS App with Capacitor, Vue.js, Quasar: My Funny-Sad-Finally Happy Story 👉🏻 A detailed guide on how to buil and release an iOS app using Vue.js, Quasar, and Capacitor with all the real-life struggles. 💡 Vue Tip: Reactive Time Ago useTimeAgo useTimeAgo is a VueUse composable that automatically formats a timestamp into a human-readable "time ago" string (e.g., "3 minutes ago", "2 days ago") and updates reactively as time passes. It's perfect for displaying relative time in real-time applications like feeds, comments, or notifications. 1 import { useTimeAgo } from ' @vueuse/core ' 2 3 const timeAgo = useTimeAgo ( new Date ( 2021 , 0 , 1 )) Nuxt 📕 NuxtHub on Workers 👉🏻 Deploy your Nuxt apps to Cloudflare Workers and build real-time experiences with zero configuration. 📕 Nuxt on the Edge with Cloudflare Workers 👉🏻 The author stepped out of Vercel's comfort zone into Cloudflare's edge ecosystem. 👉🏻 Here's what he learned about deploying Nuxt apps on Cloudflare Workers. 📕 Handling File Uploads in Nuxt with useStorage* 👉🏻 This guide demonstrates how to validate, store, and manage file uploads efficiently in Nuxt using built-in server utilities. 📕 Generating a Dynamic Sitemap in Nuxt 3* 👉🏻 Sitemaps are very essential to improving SEO and in this article, explore how to create a dynamic sitemap for your Nuxt 3 project. 👉🏻 Handles both static and dynamic routes with ease. 📹 Build a Full Stack Apple Notes Web App with Auth & Nuxt 3 👉🏻 In this video, you'll learn how to build your own version of Apple Notes with Nuxt. 📅 Events Vueconf.US (19 - 21 May 2025, Tampa, Florida) MadVue (29 May 2025, Madrid, Spain) PragVue (23 September 2025, Czech Republic) VueFes (25 October 2025, Otemachi, Japan) 💬 Quote of the week 🧑🏻💻 In Other News 📕 Event Loop Visualized 👉🏻 Visualize the JavaScript event loop by scrolling down the page. 📕 Could JavaScript have synchronous await? 👉🏻 Synchronous await await is technically possible in JavaScript and it could remove the need for duplicated synchronous and asynchronous versions of features. 🛠️ Khroma 👉🏻 An interesting method for generating color palettes. 👉🏻 You choose 50 colors you like (saved in localStorage), which personalizes the algorithm to give you palettes based on your favorite colors. 🛠️ Firebase Studio 👉🏻 Google’s Firebase team gets in on the AI development action with a Cursor/v0/Lovable-a-like of its own for building apps in the browser. 😂 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 }}