integrtion with VUE.JS

Hello, Ailie,
Thank you for writing to us!
Please follow the instructions to set up a simple vue-cli application with Flexmonster:
1) If vue-cli is not installed on your machine, run this command:

npm install -g @vue/cli

2) Create simple app:

vue create my-project

3) Switch to this project:

cd my-project

4) Install Flexmonster:

npm i flexmonster --save

5) Open public/index.html and create container for pivot table:

<div id="pivotContainer">The component will appear here</div>

6) Open src/App.vue, find the <script> tag starting as import HelloWorld from './components/HelloWorld.vue' and embed Flexmonster:

<script>
import HelloWorld from './components/HelloWorld.vue'

export default {
  name: 'app',
  components: {
    HelloWorld
  }
}

import 'flexmonster/flexmonster.min.css';
import Flexmonster from 'flexmonster';
new Flexmonster({
    container: "pivotContainer",
    componentFolder: "node_modules/flexmonster/",
    toolbar: true,
    licenseKey: "XXXX-XXXX-XXXX-XXXX-XXXX"
});
</script>

You need to replace "XXXX-XXXX-XXXX-XXXX-XXXX" with your trial license key.
Please let me know whether you have managed to configure everything successfully.
Waiting for your feedback!
Regards,
Tanya