Hi 👋

Still working on my SaaS starter kit! I’ve decided to switch to Polar as the merchant of record, which will simplify the payment code in my boilerplate and make features like usage-based pricing easier to offer. I’m also integrating the remaining Nuxt UI Pro v3 components, including Dashboard and AuthForm.

Enjoy this issue and have a lovely week ☀️

Vue

📕 Sentry's Pinia Integration for Vue and Nuxt Error Tracking

👉🏻 Sentry’s Pinia integration automatically captures the Pinia state wherever errors occur.

📕 Vue.js Testing with Vue Test Utils and Vitest*

👉🏻 Vue Test Utils is the official test library for Vue.js components.

👉🏻 It provides a set of utility functions that make it easier to test Vue components in isolation.

📕 Vue computed with Get and Set

👉🏻 This article explores how computed properties work with both get and set.

👉🏻 It dives into practical use cases, and shows how they can simplify complex logic in Vue applications.

📕 Introducing Fusion - write PHP inside Vue and React components

👉🏻 Aaron Francis just announced a new tool called Fusion that allows you to write PHP inside Vue and React components.

📹 You'll keep writing .value FOREVER

👉🏻 A lot of Vue developers are bothered by the ".value".

👉🏻 But did you know there were efforts to make .value fully obsolete - and they failed.

👉🏻 Alexander Lichter explains in this video why.

📹 How To Do Form Validation in Vue with Tanstack Form

👉🏻 Quickly integrate form validation in your Vue or Nuxt application using Tanstack Form.

📹 Must-Watch Talks on Vue & Vite Ecosystem for Developers

👉🏻 Discover the latest insights on Vue, Vite and JavaScript tooling from top industry experts.

Nuxt

🛠️ Nuxt DevTools v2 is out

👉🏻 v2.0 isn't a massive update but includes some necessary breaking changes.

🛠️ Nuppets

👉🏻 A collection of carefully crafted Nuxt snippets for Raycast.

👉🏻 From components to API routes - everything you need, just a shortcut away.

🛠️ TastyTales

👉🏻 A modern, feature-rich recipe platform built with Nuxt 3, Vue 3, and TailwindCSS.

💡 Nuxt Tip: Default Configs for NuxtLink, useAsyncData & useFetch

Since Nuxt 3.8+ you can define default configs for NuxtLinkNuxtLink, useAsyncDatauseAsyncData and useFetchuseFetch in your nuxt.config.tsnuxt.config.ts:

1export default defineNuxtConfig({
2  experimental: {
3    defaults: {
4      nuxtLink: {
5        activeClass: 'nuxt-link-active',
6        trailingSlash: 'append'
7      },
8      useAsyncData: {
9        deep: false
10      },
11      useFetch: {
12        timeout: 100
13      }
14    }
15  }
16})

📅 Events

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

📕 Avoiding anys with Linting and TypeScript

👉🏻 any is TypeScript’s famous type fallback/safety hatch but if you can avoid it, you can benefit more from TypeScript’s type-checking features.

📕 Learning HTML is the best investment I ever did

👉🏻 This post highlights HTML's importance in structuring content, improving searchability, and providing accessible interface elements.

📕 Standard Schema

👉🏻 From the creators of Zod, Valibot and ArkType comes a fantastic bit of collaboration to define a common interface to use JavaScript and TypeScript schema libraries.

🛠️ jscanify

👉🏻 Given raw photos of documents, this can do paper detection (along with glare suppression), distortion correction, highlighting and extracting.

😂 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)