This Vue Mistake Was A Real Problem

This Vue.js issue with Nuxt and environmental variables with runTime config really tripped me up. In this video I look at a few ways to fix this and not get a hydration mismatch. 👉 Check out my last video on TypeScript end-to-end https://youtu.be/SiOBwa2qNEw?si=zwT_Lvi8a4XNxp7n 👉Sign up for my mailing list and get neat stuff! https://bit.ly/3Umk7sW 👉 Need some help with a project, level up your skills, React, Next, Vue, or Nuxt? Check out my 1-on-1 mentoring! https://mentors.to/erik Links: https://nuxt.com/docs/guide/going-further/runtime-config https://nuxt.com/docs/guide/directory-structure/env https://youtu.be/_FYV5WfiWvs?si=9HZgcwGeg-hf2BaK 0:00 What is the problem 02:38 How to solve this problem with VITE_ 03:41 Using runTimeConfig 05:10 The problem with runTimeConfig 06:13 How to solve the runTimeConfig problem