Vue CLI with jQWidgets Vue Chart

This tutorial will show you how to use Vue CLI along with the Vue Chart Component by jQWidgets.
Please, follow the instructions below:

I. Install the Vue CLI globally, so we can have it's commands available:

npm install -g @vue/cli

II. Create an Vue CLI application:

vue create jqwidgets-vue-cli-app   //Choose the default preset

III. Navigate to the application:

cd jqwidgets-vue-cli-app

IV. Install the jQWidgets dependency:

npm install jqwidgets-scripts --save--dev

V. Open the App.vue file located in src folder and replace the content with the following:

VI. Run the Vue CLI development server:

npm run serve

VII. Navigate to localhost:8080 and see the result: