Unable to run mathlive for VueJS with package from node_module

Description

I still have this problem when i reproduce the example for VueJs

in main.js

import MathLive from 'mathlive/dist/mathlive';
import Mathfield from 'mathlive/dist/vue-mathlive.mjs';
Vue.use(Mathfield, MathLive);

In my math component

<mathlive-mathfield id="mf" ref="mathfield" :config="{smartFence:false}" v-on:focus="ping"
            :on-keystroke="displayKeystroke" v-model="formula">f(x)=</mathlive-mathfield>

gives this error

TypeError: Cannot read property '0' of undefined

Environment

Operating System MacOS

Browser Chrome

[arnog]

Hmmm… I think the warning at the top might be relevant: “You are using the runtime-only build of Vue…”. It appears that the element that the Mathfield builds on (this.element) is not an HTMLElement but some comment node (!?) Try including the Vue runtime with its compiler.

[arnog]

Good catch regarding the documentation. The options used to be called config and the README file had not been updated. Done now.

I don’t know what you mean regarding from a folder that is public. When setting the fontsDirectory option it can be either a relative path (which is relative to the location of the mathlive.mjs file) or a fully qualified URL (e.g. http://myserver.com/assets/fonts) or if you’re executing locally, a local directory, i.e. file://my-drive/my-projects/node_modules/myproject/fonts.