fix: alias module so we can access process.server in vite node build (#462)

Author: danielroe

src/module.ts

@@ -1,5 +1,5 @@
 import type { Module, NuxtOptions } from '@nuxt/types'
-import { relative, sep } from 'upath'
+import { relative, resolve, sep } from 'upath'
 
 import { name, version } from '../package.json'
 
@@ -18,10 +18,18 @@ const compositionApiModule: Module<never> = function compositionApiModule() {
 
   addGlobalsFile.call(this)
 
+  // Add library alias for benefit of vite
+
+  nuxtOptions.alias['~composition-api'] = resolve(__dirname, 'index.mjs')
+
   // Force transpilation of this library (to enable resolution of globals file)
 
   nuxtOptions.build.transpile = nuxtOptions.build.transpile || []
-  nuxtOptions.build.transpile.push('@nuxtjs/composition-api', __dirname)
+  nuxtOptions.build.transpile.push(
+    '@nuxtjs/composition-api',
+    '~composition-api',
+    __dirname
+  )
 
   // Define @vue/composition-api resolution to prevent using different versions of @vue/composition-api
 

src/vite-plugin.ts

@@ -17,6 +17,10 @@ export function compositionApiPlugin(): Plugin & { enforce: 'pre' } {
     name: 'nuxt:composition-api',
     enforce: 'pre',
     transform(code: string, filename: string) {
+      code = code.replace(
+        /@nuxtjs[\\/]composition-api(?![\\/])/g,
+        '~composition-api'
+      )
       const keyedFunctions = /(useStatic|shallowSsrRef|ssrPromise|ssrRef|reqSsrRef|useAsync)/
       if (!keyedFunctions.test(code)) {
         return {