fix: alias @nuxtjs/composition-api to esm library

closes #488
nuxt-community · May 28, 2021 · 5d30325 · 5d30325
1 parent 417edbe
commit 5d30325
Showing 1 changed file with 13 additions and 3 deletions.
diff --git a/src/module/index.ts b/src/module/index.ts
@@ -23,9 +23,19 @@ const compositionApiModule: Module<never> = function compositionApiModule() {
 
   // Define @vue/composition-api resolution to prevent using different versions of @vue/composition-api
 
-  nuxtOptions.alias['@vue/composition-api'] = this.nuxt.resolver.resolveModule(
-    '@vue/composition-api/dist/vue-composition-api.esm.js'
-  )
+  nuxtOptions.alias['@vue/composition-api'] =
+    nuxtOptions.alias['@vue/composition-api'] ||
+    this.nuxt.resolver.resolveModule(
+      '@vue/composition-api/dist/vue-composition-api.esm.js'
+    )
+
+  // Define @nuxtjs/composition-api resolution to ensure plugins register global context successfully
+
+  nuxtOptions.alias['@nuxtjs/composition-api'] =
+    nuxtOptions.alias['@nuxtjs/composition-api'] ||
+    this.nuxt.resolver
+      .resolveModule('@nuxtjs/composition-api')
+      .replace('.js', '.mjs')
 
   // Register the Vue Composition API for webpack