Reactive 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

useTimeAgouseTimeAgo 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.

1import { useTimeAgo } from '@vueuse/core'
2
3const 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 awaitawait 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