score:1

Accepted answer

for a global registration:

after you have installed "highcharts-vue" using:

npm install highcharts-vue

register it globally as a plugin in your app.js with:

import highchartsvue from 'highcharts-vue'

next register it as a plugin in your vue object with:

vue.use(highchartsvue)

please see the documentation here for more detailed instructions (and how to register it locally in the component).

after installing, your app.js would look something like this:

require("./bootstrap");

// import modules...
import { createapp, h } from "vue";
import highchartsvue from 'highcharts-vue'
import {
    app as inertiaapp,
    plugin as inertiaplugin,
} from "@inertiajs/inertia-vue3";

vue.use(highchartsvue);

const el = document.getelementbyid("app");

createapp({
    render: () =>
        h(inertiaapp, {
            initialpage: json.parse(el.dataset.page),
            resolvecomponent: (name) => require(`./pages/${name}`).default,
        }),
})
    .mixin({ methods: { route } })
    .use(inertiaplugin)
    .mount(el);

Related Query

More Query from same tag