chore(nuxt): Use publishable key from env var

Author: wobsoriano

apps/playground/nuxt.config.ts

@@ -1,13 +1,10 @@
-/* eslint-disable node/prefer-global/process */
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
   devtools: { enabled: false },
 
   modules: ['vue-clerk/nuxt'],
 
-  clerk: {
-    publishableKey: process.env.CLERK_PUBLISHABLE_KEY,
-  },
+  clerk: {},
 
   compatibilityDate: '2024-07-26',
 })

eslint.config.mjs

@@ -11,6 +11,7 @@ export default antfu(
   {
     rules: {
       'no-console': 'warn',
+      'node/prefer-global/process': 'warn',
     },
   },
 )

packages/nuxt/src/module.ts

@@ -13,7 +13,13 @@ export default defineNuxtModule<ModuleOptions>({
     },
   },
   async setup(options, nuxt) {
-    nuxt.options.runtimeConfig.public.clerk = options
+    const runtimeConfig = nuxt.options.runtimeConfig
+    runtimeConfig.public = defu(runtimeConfig.public, {
+      clerk: {
+        ...options,
+        publishableKey: options.publishableKey || process.env.CLERK_PUBLISHABLE_KEY,
+      },
+    })
     nuxt.options.build.transpile.push('vue-clerk')
 
     const resolver = createResolver(import.meta.url)

packages/nuxt/src/runtime/plugins/clerk.ts

@@ -5,7 +5,6 @@ import { defineNuxtPlugin, navigateTo, useRuntimeConfig, useState } from '#app'
 export default defineNuxtPlugin((nuxtApp: any) => {
   const serverInitialState = useState<AuthObject | undefined>('clerk-initial-state', () => undefined)
 
-  // eslint-disable-next-line node/prefer-global/process
   if (process.env.server) {
     const authContext = nuxtApp.ssrContext?.event.context.auth
     serverInitialState.value = authContext ? JSON.parse(JSON.stringify(authContext)) : undefined

packages/vue-clerk/src/isomorphicClerk.ts

@@ -65,7 +65,6 @@ import { isConstructor } from './utils/index'
 const SDK_METADATA = {
   name: PACKAGE_NAME,
   version: PACKAGE_VERSION,
-  // eslint-disable-next-line node/prefer-global/process
   environment: process.env.NODE_ENV,
 }
 
@@ -478,7 +477,6 @@ export class IsomorphicClerk implements IsomorphicLoadedClerk {
       // In Next.js we can throw a full screen error in development mode.
       // However, in production throwing an error results in an infinite loop.
       // More info at: https://github.com/vercel/next.js/issues/6973
-      // eslint-disable-next-line node/prefer-global/process
       if (process.env.NODE_ENV === 'production') {
         console.error(error.stack || error.message || error)
       }