Weekly Vue News #162 - Share Beautiful Images of Your Vue & Nuxt Code Snippets

Weekly Vue News #162 Share Beautiful Images of Your Vue & Nuxt Code Snippets View online Hi 👋 Vue 3.5 was released, and it includes many exciting features. My highlights are lazy hydration, useTemplateRef, and useId. Nuxt released v3.13.1 which includes Vue 3.5 and experimental build cache support. I love this community 💚 Last week, I also found time to work on CodeSnap.dev and added some new templates. I'm taking this issue to promote these new templates. There's no more excuse to use another tool to share code snippets of your Vue code 😜. Have a lovely week ☀️ Vue 📕 Vue 3.5.0 'Tengen Toppa Gurren Lagann' is out! 👉🏻 Reactivity System Optimizations 👉🏻 Reactive Props Destructure 👉🏻 Lazy Hydration 👉🏻 Custom Elements Improvements 👉🏻 useId(), useTemplateRef(), and more! 📕 v-model and defineModel: A Comprehensive Guide to Two-Way Binding in Vue.js 3* 👉🏻 "While v-model remains useful for basic scenarios, defineModel offers a cleaner and more concise approach for complex data structures in custom components." 📕 Using AWS Amplify with Vue 👉🏻 AWS Amplify is a suite of tools and services from Amazon, that aims to simplify building, deploying, and managing web and mobile applications. 📕 How to Build a Vue App To Show Your GitHub Repositories 👉🏻 This article guides you through the essentials, from setting up a Vue project from scratch using different methods to implementing both Options and Composition APIs. 🛠️ Bryntum Scheduler 👉🏻 A super flexible resource scheduling component for your Vue apps. 👉🏻 It is built with Vanilla ES6+, and provides a Vue wrapper. 👉🏻 The component is fully themeable, customizable & localizable. Nuxt 📕 Getting Started with Nuxt Modules* 👉🏻 This guide aims to provide detailed insights and clear explanations to fully grasp the power and utility of Nuxt modules. 📕 Easy RPC with Nuxt: Making a Todo App 👉🏻 Instead of manually defining server routes and fetching them on the client, the author uses Prim + RPC to define functions on Nuxt's server and simply call those functions directly from the client (without actually importing them). 📹 Nuxt Video Courses 👉🏻 A list of video courses from the community to learn Vue 3 and Nuxt 3. 🛠️ Hub Chat 👉🏻 A Cloudflare AI LLM playground built with Nuxt. 🛠️ Vue Clerk Nuxt Module 👉🏻 A Nuxt module that simplifies the integration of Clerk into your Nuxt application. 💡 Share Beautiful Images of Your Vue & Nuxt Code Snippets I added three new templates to CodeSnap.dev which allows you to easily share code snippets of your Vue & Nuxt projects as beautiful images on social media or your blog. First, let's take a look at the Vue template which adopts the color scheme of the official Vue website : Next, the Nuxt template which adopts the color scheme of the official Nuxt website : Additionally, I added a Tailwind theme which is inspired by the official Tailwind website : Head over to templates page and give it a try. You can use all of these templates for free even without an account. 🚀 📅 Events PrageVue 2024 (17 September 2024, Prag, Czech Republic) vuejs.de Conf (8 - 9 October 2024, Bonn, Germany) Vue Fes Japan 2024 (19 October 2024, Otemachi, Japan) VueConf Toronto (18 - 20 November 2024, Toronto, Canada) 💬 Quote of the week 🧑🏻‍💻 In Other News 🎮 Diablo 1 is fully playable in the browser 👉🏻 The original Diablo game is now playable in web browsers thanks to an open-source project that offers a surprisingly smooth experience despite the game's age. 📕 ECMAScript Safe Assignment Operator Proposal 👉🏻 This proposal introduces the ?= operator, which makes error handling easier by transforming function results into a [error, result] tuple. 📕 It's Time To Talk About "CSS5" 👉🏻 CSS is getting version numbers. 🛠️ Zen Browser 👉🏻 An open-source, privacy-focused browser based on Firefox. 😂 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 X thread 📨 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 from this newsletter Holzapfelkreuther Str. 19, 81375 Munich, Germany