Weekly Vue News #181 - Scroll to the Top Before Rendering a Nuxt Page
Vue📕 Testing Vue components with Vitest 👉🏻 In this article, Jakub dives into how you can use Vitest to test Vue components. 📕 How to Prefetch a Vue.js Component* 👉🏻 In this article, you'll explore how to implement component prefetching to enhance your Vue application's user experience and loading times. 👉🏻 This FAQ aims to answer some of the most common programming questions that get asked on the Vue Land Discord server. 📹 The CORRECT Tag Order in your Vue SFCs 👉🏻 One thing that makes Vue special are it's SFCs - Single File Components. 👉🏻 But which is the best order of the three tags - script, template and styles - inside the components? 👉🏻 This template should help get you started developing with Vue 3, TypeScript, Vite and Nuxt UI v3. Nuxt👉🏻 Performance Improvements 👉🏻 Content Collections 👉🏻 Simplified Vue Utils 👉🏻 TypeScript Integration 👉🏻 ... and much more! 📕 Building a multi-lingual web app with Nuxt 3 and Nuxt i18n 👉🏻 This tutorial will guide you through creating a multi-lingual web application using Nuxt 3 and Nuxt i18n. 📕 Fixing Cumulative Layout Shift (CLS) in Nuxt 3 👉🏻 The author improved the CLS by disabling the inline styles feature in the Nuxt configuration. 👉🏻 This results in the relevant CSS file being placed higher in the document, loading in time to avoid the layout shift. 📕 Official Clerk SDK for Vue and Nuxt 👉🏻 We now have official Clerk SDKs for authentication integration with pre-built UI components in Vue & Nuxt apps. 📹 I Made a Viral App to Make Thousands Of Dollars (Sevalla, VueJS, NUXT, MYSQL) 👉🏻 In this video, the author shares the full story of how he created a fun and addictive Suika game clone with Nuxt. 💡 Nuxt Tip: Scroll to the Top Before Rendering a Page
If you want to overwrite the default scroll behavior of Nuxt, you can do so in 📅 EventsVue.js Nation Conference (29 - 30 January 2025, free online conference) 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👉🏻 Balanced text makes web pages look better. 👉🏻 New CSS features, such as text-wrap: balance and text-wrap: pretty, provide native solutions for text wrapping. 📕 How I Stay Sane Implementing Stripe 👉🏻 Theo shares how he sets up Stripe after doing it for dozens apps. 🎮 DOOM: The Gallery Experience 👉🏻 A game developer has created this amusing version of DOOM, parodying art gallery openings. 👉🏻 Complete with curated pieces, wine, fancy music, and even hors d’oeuvres. 👉🏻 The CSS Variables Editor browser extension allows users to manage and test CSS variables, including AI-generated palettes and accessibility checks, directly within their web app. 😂 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,
|
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.
Holzapfelkreuther Str. 19, 81375 Munich, Germany ![]() |
Similar newsletters
There are other similar shared emails that you might be interested in: