Socket
Socket
Sign inDemoInstall

vue-flexmonster

Package Overview
Dependencies
Maintainers
1
Versions
147
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vue-flexmonster - npm Package Compare versions

Comparing version 2.8.13 to 2.8.14

2

dist/index.amd.js
/*!
* 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 @@

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc