fix(nuxt): automatically transpile pinia

diff --git a/nuxt/index.js b/nuxt/index.js
index f1711591f3fc4aa4a04f168b626e7e16fa838410..2cd5875ed7b4b57bc22ec2f734718d75ed34743a 100644 (file)
--- a/nuxt/index.js
+++ b/nuxt/index.js
@@ -1,5 +1,6 @@
 import path from 'path'
 
+/** @type {import('@nuxt/types').Module<{ disableVuex?: boolean}>} */
 export default function NuxtPiniaModule(options) {
   const disableStore = 'disableVuex' in options ? options.disableVuex : true
 
@@ -12,4 +13,15 @@ export default function NuxtPiniaModule(options) {
     src: path.resolve(__dirname, 'plugin.js'),
     fileName: 'pinia.js',
   })
+
+  this.options.build.transpile = this.options.build.transpile || []
+
+  // transpile pinia if @vue/composition-api is transpiled because we must use the same instance
+  if (
+    !this.options.dev &&
+    !this.options.build.transpile.includes('pinia') &&
+    this.options.build.transpile.includes('@vue/composition-api')
+  ) {
+    this.options.build.transpile.push('pinia')
+  }
 }