[Solved]-HighCharts.js - Trying to import highstock-Highcharts

Example how to implement Highcharts Stock in version 3.0.0 Vue.js.

import { createApp } from "vue";
import Highcharts from "highcharts";
import Stock from "highcharts/modules/stock";
import HighchartsVue from "highcharts-vue";
import App from "./App.vue";

Stock(Highcharts);

const app = createApp(App);
app.use(HighchartsVue);
app.mount("#app");

<template>
  <Chart :options="chartOptions" :constructorType="'stockChart'" />
</template>


<script>
import { Chart } from "highcharts-vue";

export default {
  name: "App",
  components: {
    Chart,
  },
  data() {
    return {
      chartOptions: {
        series: [
          {
            data: [5, 2, 3], // sample data
          },
        ],
      },
    };
  },
};
</script>

Demo: https://codesandbox.io/s/vue3-highcharts-example-forked-j9nw9t