Weekly Vue News #209

Explore Nuxt 4, Vue PDF Viewer, Docus v4, and Latest Vue News

Hi 👋

This week, I've been focusing on improving my content scheduling workflow using Postiz. It's a handy tool for managing social media posts, and thanks to its API, scheduling can be easily automated with tools like n8n or similar automation platforms.

Enjoy this issue and have a lovely week ☀️

Vue

🛠️ Upstash Search UI (Vue port)

👉🏻 A beautifully-designed, accessible search component for Vue.

👉🏻 Built on top of Reka UI.

🛠️ Vue.js PDF Viewer

👉🏻 A PDF viewer library built specifically for Vue 3 and Nuxt 3.

👉🏻 It's written in Vue, supports things like text selection, annotations (coming soon), custom toolbars, theming, and is meant to integrate cleanly into modern frontend workflows.

Nuxt

📕 Nuxt 3.18 + 4.0.2 are out

👉🏻 Bringing v4 features to v3, improved accessibility, better browser dev tooling integration, and performance enhancements.

📕 Building API Routes with Nuxt 3's Nitro Server

👉🏻 Learn to build powerful API routes with Nuxt 3's Nitro server.

👉🏻 A complete guide covering CRUD operations, authentication, file uploads, and production deployment.

📕 Building a Privacy-First Feedback Widget

👉🏻 A lightweight, privacy-focused widget to gather your feedback on Nuxt documentation.

👉🏻 Built with Drizzle, NuxtHub database and Motion Vue.

📕 The Component Architecture That Shadcn and Nuxt UI Popularized (And How to Use It Today)

👉🏻 Creating reusable and highly customizable components is one of the pillars of a good design system.

👉🏻 However, as we add new variations (colors, sizes, styles), the code can become a complex web of conditional classes, making it difficult to read and maintain.

👉🏻 In this guide, we'll explore a clean and scalable approach using Tailwind Variants to build a cohesive component system.

📹 Nuxt 4 - An overview!

👉🏻 Nuxt 4 is out.

👉🏻 Another major release after Nuxt 3 was released 2 years and 8 months ago.

👉🏻 Let's have a look at all the features and changes.

🛠️ Nuxt UI v3.3 is out

👉🏻 New FileUpload component.

👉🏻 Global default variants.

👉🏻 Enhanced table component.

👉🏻 …and tons more.

🛠️ Docus v4

👉🏻 Native Nuxt CLI integration.