Can't find a way to use Pinia with gridsome

[milo123milo]

Description

Can't find a way to use Pinia with gridsome.

Steps to reproduce

I'm using fresh gridsome project. If anyoun knows how to setup main.js please post here.

Thank you.

[MichaelJRM]

package.json

"dependencies": {
  ...
  "@vue/composition-api": "^1.7.0",
  "pinia": "^2.0.17",
}

main.js

import { createPinia, PiniaVuePlugin } from 'pinia';

export default function (Vue, { appOptions, head, router }) {
  ...
  Vue.use(PiniaVuePlugin);
  appOptions.pinia = createPinia();
}

gridsome.config.js

module.exports = {
   ...,
   configureWebpack: {
    module: {
      rules: [
        // https://github.com/vuejs/pinia/issues/675
        {
          test: /\.mjs$/,
          include: /node_modules/,
          type: 'javascript/auto',
        },
      ],
    },
  },
}