fix(nuxt): Optimize @clerk/vue (#4820)

clerk · Dec 20, 2024 · 389133b · 389133b
1 parent fa8be89
commit 389133b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/.changeset/shy-mangos-visit.md b/.changeset/shy-mangos-visit.md
@@ -0,0 +1,5 @@
+---
+"@clerk/nuxt": patch
+---
+
+Fix Vite optimization issue that caused duplicate versions of @clerk/vue to be created on first load, resulting in the Vue plugin losing context.
diff --git a/packages/nuxt/src/module.ts b/packages/nuxt/src/module.ts
@@ -79,6 +79,11 @@ export default defineNuxtModule<ModuleOptions>({
     // Handle Nuxt-specific imports (e.g #imports)
     nuxt.options.build.transpile.push(resolver.resolve('./runtime'));
 
+    // Optimize @clerk/vue to avoid missing injection Symbol key errors
+    nuxt.options.vite.optimizeDeps = nuxt.options.vite.optimizeDeps || {};
+    nuxt.options.vite.optimizeDeps.include = nuxt.options.vite.optimizeDeps.include || [];
+    nuxt.options.vite.optimizeDeps.include.push('@clerk/vue');
+
     // Add the `@clerk/vue` plugin
     addPlugin(resolver.resolve('./runtime/plugin'));