vue-composition-api.mjs not found

[frans-vectra]

Recently I'm getting the following error when running the project;

Module not found: Error: Can't resolve '@vue/composition-api/dist/vue-composition-api.mjs' in '{project dir}/node_modules/vue-demi/lib'

It seems like its related to the recent v0.12.0 release of the vue-demi package. Some related issues:

• v0.12.0 import mjs issue vueuse/vue-demi#106
• Can't resolve @vue/composition-api even if it is installed vueuse/vue-demi#112
• vue-demi 0.12.0 breaks @vueuse-core  vueuse/vue-demi#113
• vue-composition-api.mjs not found vue-storefront#6502

I found the following workaround, but I'm not sure that this is the correct resolution to this issue.

Add the following to nuxt.config.js:

import { resolve } from 'path'
...

export default {
  ...
  alias: {
    '@vue/composition-api/dist/vue-composition-api.mjs': resolve('./node_modules/@vue/composition-api/dist/vue-composition-api.esm.js'),
  },
  ...
}