Vue.js Nation 2023
who it's for
Vue developers, Nuxt developers, frontend engineers, frontend architects, quality assurance engineers, UI library authors, open source contributors, developer educators
topics
Nuxt 3 composables; TensorFlow.js in Vue; Vuetify 3 application defaults; Lighthouse CI and Core Web Vitals; Composition API composable functions; visual regression testing with Cypress; component testing with Vitest; accessibility testing with axe and screen readers; Firestore realtime with VueFire; FormKit form patterns; Nuxt 3 and tRPC fullstack; modular Quasar architecture
| title | author | length |
|---|---|---|
| Vue: What to Expect in 2023 | Evan You | 36m |
Vue 3 is the default since Feb 2022 and weekly downloads nearly triple from ~422k to ~1.2M/week as the ecosystem matures. Vite spins out as its own infra… | ||
| State of Vue School 2023 + BIG announcement | Alex Kyriakidis | 31m |
Vue School reports 1.5 million developers trained (22% year-over-year growth), publishes 47 courses and ~900 lessons overall with 16 courses and 254 lessons… | ||
| Let's Build a Colaborative Emoji Panel with VueFire | Eduardo San Martin Morote | 48m |
Live codes a collaborative emoji grid using the VueFire plugin with Firestore and Firebase Auth (Google and Anonymous), creating each emoji as a document whose… | ||
| Building a Polite Popup with Nuxt 3 | Michael Hoffman | 15m |
Built a Nuxt 3 composable that shows a non‑intrusive newsletter popup only after 6 seconds of active time and when the reader scrolls past 35% of the page… | ||
| Making Next Gen Vue Machine Learning Applications using TensorFlow.js | Shivay Lamba | 19m |
Shows how to load @tensorflow/tfjs and the coco-ssd model into a Vue 3 Composition API component, call model.detect on an <img> or webcam frame, and draw… | ||
| v3 - The Next Generation of Vuetify | John Leider | 53m |
Vuetify 3 (now at 3.1) focuses on practical upgrades: a global application defaults system that cascades root, component and inline overrides; a rewritten… | ||
| You’re probably using Lighthouse wrong bt Filip Rakowski | Filip Rakowski | 40m |
Argues that Lighthouse is useful but often misused because its lab score is synthetic, algorithm weights change, and local runs vary by CPU and extensions… | ||
| Scalable Front End Architecture with the Composition API and Composable Functions | Will Marple | 32m |
Argues that Vue 3 Composition API plus composable functions replace Options API for scalable front ends, showing concrete refactors from setup to reusable… | ||
| Let's get visual - Visual testing in your Vue application | Ramona Schwering | 21m |
Claim: screenshot-based visual testing catches UI regressions that end-to-end tests miss. Implementation uses a self-hosted visual regression tracker (Docker)… | ||
| Vue.js Core Team Live Panel Discussion | Anthony Fu, Kia Ishii, Thorsten Lünborg | 58m |
Panel announces actionable roadmap items: Nuxt Vitest is in flight to run Vitest inside a Nuxt runtime, Vitepress moves toward a stable release, and the… | ||
| Decoding web accessibility through testing | Anuradha Kumari | 31m |
Shows that simple manual tests catch the bulk of problems while automated scanners find only about 30–40% of issues. Demonstrates repros and fixes: remove… | ||
| Component testing with Vitest | Maya Shavin | 34m |
Shows using Vitest + Vue Test Utils to test a small movie-search component split into two composables: useMovies (fetches data) and useSearch (filters by… | ||
| Let's talk about Security in Vue & Nuxt | Jakub Andrzejewski | 26m |
Covers OWASP Top 10 and shows a Nuxt module that wires up Helmet/CORS, adds content-security-policy and other response headers, plugs an XSS sanitizer, and… | ||
| Building Your First Open Source Vue 3 Project | Erik Hanchett | 23m |
Built an Authenticator component as @aws-amplify/ui-vue that targets Vue 3 only and shares logic with React and Angular via a common package, using xState… | ||
| Exploring Vue3's Built-In Components | Paige Kelley | 28m |
Demonstrations show concrete fixes: Teleport sends DOM nodes to a chosen container (e.g., #teleport or body) so modals reliably sit above other elements… | ||
| Error Handling in Nuxt 3 | Michael Thiessen | 33m |
Builds an online course shell with nested routing, lesson pane, localStorage lesson completion later backed by Supabase + Prisma, then demonstrates breaking… | ||
| From Chaos to Clarity: How FormKit solves common form problems | Justin Schroeder | 43m |
FormKit is a Vue form framework that replaces boilerplate with a single component API that renders native and synthetic inputs, wraps third‑party widgets, and… | ||
| Patterns for Large Scale Vue.js Applications | Daniel Kelly | 37m |
Advocates following the Vue style guide and using the officially recommended tools: install Volar, enable ESLint/Prettier and adopt TypeScript for IDE… | ||
| Rapid Fullstack Development with Nuxt 3 and tRPC | Cody Bontecou | 28m |
Combines Nuxt 3 server routes with tRPC to give end-to-end type safety by exporting an AppRouter type and generating a typed client consumed via… | ||
| Modular Quasar:Reducing Cognitive Overhead In Large Applications | Luke Diebold | 35m |
Shows a concrete architecture: page → view → components where views own API requests and global state while leaf components receive props and emit events… | ||
| nothing matches | ||