Vue 3 support

Hello, Carlos,
 
Thank you for reaching out to us. 
 
We would like to explain that the vue-flexmonster npm module is not compatible with Vue 3 at the moment.
However, Flexmonster can be used in a Vue 3 project.
Our team has prepared a sample of how Flexmonster can be integrated into a Vue 3 project (please see "vue3-flexmonster.zip" in the attachments below).
After unpacking the project, please run the following commands to start the application: 

npm i

npm start

The project will be available at http://localhost:8080/.

Also, we have prepared the necessary steps on how to integrate Flexmonster into an existing Vue 3 project below for guidance: 

1. Download Pivot.vue from GitHub and place it in your project (for example, in src/components).
2. Uninstall vue-flexmonster:

   npm uninstall vue-flexmonster

3. Install flexmonster:

   npm install flexmonster

4. Import  Flexmonster styles in main.js:

   // main.js
   
   import { createApp } from 'vue'
   import App from './App.vue'
   
   import 'flexmonster/flexmonster.css'
   
   createApp(App).mount('#app')

5. Now Flexmonster can be used throughout your application, for example, in App.vue:

   // App.vue
   
   <template>
     <Pivot
       toolbar
       v-bind:report="'https://cdn.flexmonster.com/reports/report.json'"
       _v-bind:licenseKey="'XXXX-XXXX-XXXX-XXXX-XXXX'">
     </Pivot>
   </template>
   
   <script>
   import Pivot from "./components/Pivot"
   
   export default {
     name: 'App',
     components: {
        Pivot
     }
   }
   </script>
   
   <style>...</style>

 
 
In addition, we have added a task to our customers' wishlist for making vue-flexmonster compatible with Vue 3 this year (2021).
We will notify you in case of any updates.
 
Please let us know if this helps and if the sample project works fine for you.
Looking forward to your response.
 
Kind regards,
Vera

Hello, Carlos,
 
Hope you are doing well.
 
Our team is wondering whether our response helped you.
Did the sample project help to integrate Flexmonster in your Vue 3 project?
 
We would be glad to hear if everything works.
Looking forward to your feedback.
 
Kind regards,
Vera

Hello, Carlos,
 
Thank you for your feedback. 
 
We are happy to hear that everything works.
Should any further questions arise, please feel free to reach out. 
 
Have a nice day!
 
Kind regards,
Vera

Hello, Carlos,
 
Hope all is well!
 
We are happy to inform you that support for Vue 3 was added to vue-flexmonster.
Now, vue-flexmonster can be used with both Vue 2 (see Vue 2 integration guide) and Vue 3 (see Vue 3 integration guide).
 
Also, we have new sample Flexmonster & Vue integration projects:

• See Flexmonster usage examples in Vue 2
• See Flexmonster usage examples in Vue 3

 
This is introduced in the v2.9.12 minor release of Flexmonster.
You are welcome to update the component. Here is our updating to the latest version tutorial for guidance.
 
Please let us know if the update works fine for you.
As always, feel free to reach out to us if any questions arise.
 
Kind regards,
Vera