vue-flexmonster
Advanced tools
Comparing version 2.8.13 to 2.8.14
/*! | ||
* vue-flexmonster v2.8.13 | ||
* vue-flexmonster v2.8.14 | ||
* (c) Flexmonster <help@flexmonster.com> | ||
@@ -4,0 +4,0 @@ * Released under the MIT License. |
/*! | ||
* vue-flexmonster v2.8.13 | ||
* vue-flexmonster v2.8.14 | ||
* (c) Flexmonster <help@flexmonster.com> | ||
@@ -4,0 +4,0 @@ * Released under the MIT License. |
/*! | ||
* vue-flexmonster v2.8.13 | ||
* vue-flexmonster v2.8.14 | ||
* (c) Flexmonster <help@flexmonster.com> | ||
@@ -4,0 +4,0 @@ * Released under the MIT License. |
/*! | ||
* vue-flexmonster v2.8.13 | ||
* vue-flexmonster v2.8.14 | ||
* (c) Flexmonster <help@flexmonster.com> | ||
@@ -4,0 +4,0 @@ * Released under the MIT License. |
/*! | ||
* vue-flexmonster v2.8.13 | ||
* vue-flexmonster v2.8.14 | ||
* (c) Flexmonster <help@flexmonster.com> | ||
@@ -4,0 +4,0 @@ * Released under the MIT License. |
/*! | ||
* vue-flexmonster v2.8.13 | ||
* vue-flexmonster v2.8.14 | ||
* (c) Flexmonster <help@flexmonster.com> | ||
@@ -4,0 +4,0 @@ * Released under the MIT License. |
/*! | ||
* vue-flexmonster v2.8.13 | ||
* vue-flexmonster v2.8.14 | ||
* (c) Flexmonster <help@flexmonster.com> | ||
@@ -4,0 +4,0 @@ * Released under the MIT License. |
/*! | ||
* vue-flexmonster v2.8.13 | ||
* vue-flexmonster v2.8.14 | ||
* (c) Flexmonster <help@flexmonster.com> | ||
@@ -4,0 +4,0 @@ * Released under the MIT License. |
/*! | ||
* vue-flexmonster v2.8.13 | ||
* vue-flexmonster v2.8.14 | ||
* (c) Flexmonster <help@flexmonster.com> | ||
@@ -4,0 +4,0 @@ * Released under the MIT License. |
/*! | ||
* vue-flexmonster v2.8.13 | ||
* vue-flexmonster v2.8.14 | ||
* (c) Flexmonster <help@flexmonster.com> | ||
@@ -4,0 +4,0 @@ * Released under the MIT License. |
/*! | ||
* vue-flexmonster v2.8.13 | ||
* vue-flexmonster v2.8.14 | ||
* (c) Flexmonster <help@flexmonster.com> | ||
@@ -4,0 +4,0 @@ * Released under the MIT License. |
/*! | ||
* vue-flexmonster v2.8.13 | ||
* vue-flexmonster v2.8.14 | ||
* (c) Flexmonster <help@flexmonster.com> | ||
@@ -4,0 +4,0 @@ * Released under the MIT License. |
{ | ||
"name": "vue-flexmonster", | ||
"version": "2.8.13", | ||
"version": "2.8.14", | ||
"description": "VueJS Module for Flexmonster Pivot Table & Charts", | ||
@@ -41,6 +41,6 @@ "main": "./dist/index.js", | ||
"peerDependencies": { | ||
"flexmonster": "2.8.13" | ||
"flexmonster": "2.8.14" | ||
}, | ||
"dependencies": { | ||
"flexmonster": "2.8.13" | ||
"flexmonster": "2.8.14" | ||
}, | ||
@@ -47,0 +47,0 @@ "keywords": [ |
@@ -11,3 +11,2 @@ # VueJS module for Flexmonster Pivot Table & Charts | ||
* [Getting started](#getting-started) | ||
* [Usage](#usage) | ||
@@ -18,87 +17,6 @@ * [Sample Project](#sample-project) | ||
## <a name="getting-started"></a>Getting Started ## | ||
If you don’t have Vue app, you can create it by running in the console: | ||
```bash | ||
vue create my-app | ||
cd my-app | ||
``` | ||
Install the Flexmonster Vue module by running in the console: | ||
```bash | ||
npm i --save vue-flexmonster | ||
``` | ||
Install the Flexmonster module by running in the console: | ||
```bash | ||
npm i --save flexmonster | ||
``` | ||
## <a name="usage"></a>Usage ## | ||
The Flexmonster Vue module can be used as a plugin or locally. | ||
Refer to [Flexmonster Integration with Vue](https://www.flexmonster.com/doc/integration-with-vue/) tutorial for details on the Flexmonster Vue module usage. | ||
### 1) Use Flexmonster Vue module as a Vue plugin | ||
1.1) Add the following lines to the `main.js` file: | ||
```bash | ||
import Pivot from "vue-flexmonster"; | ||
import 'flexmonster/flexmonster.css'; | ||
Vue.use(Pivot); | ||
``` | ||
Now Pivot can be used by any Vue component in your application. | ||
### 2) Register Flexmonster Vue module locally | ||
2.1) Import `vue-flexmonster` in `App.vue`: | ||
```bash | ||
import {Pivot} from "vue-flexmonster"; | ||
import 'flexmonster/flexmonster.css'; | ||
``` | ||
2.2) Add the module to the `components` property in `App.vue`: | ||
```bash | ||
export default { | ||
name: 'app', | ||
components: { | ||
Pivot | ||
} | ||
} | ||
``` | ||
### 3) Add the module to the template section | ||
3.1) After defining as a plugin or local component, include the module in `<template></template>` in `App.vue`: | ||
```bash | ||
<template> | ||
<div id="app"> | ||
<Pivot | ||
ref="pivot" | ||
toolbar | ||
v-bind:report="'https://cdn.flexmonster.com/reports/report.json'" | ||
></Pivot> | ||
</div> | ||
</template> | ||
``` | ||
### 4) Run the project | ||
4.1) Run your application from the console: | ||
```bash | ||
npm run serve | ||
``` | ||
The project should be available at `http://localhost:8080/`. | ||
For more details, refer to [Flexmonster Integration with Vue](https://www.flexmonster.com/doc/integration-with-vue/) tutorial. | ||
## <a name="sample-project"></a>Sample Project ## | ||
@@ -105,0 +23,0 @@ |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
111045
33
+ Addedflexmonster@2.8.14(transitive)
- Removedflexmonster@2.8.13(transitive)
Updatedflexmonster@2.8.14