vue-google-charts
Advanced tools
Comparing version 0.3.3 to 0.4.0
{ | ||
"name": "vue-google-charts", | ||
"version": "0.4.0", | ||
"packageManager": "pnpm@6.32.9", | ||
"description": "Reactive Vue.js wrapper for Google Charts lib", | ||
"version": "0.3.3", | ||
"author": { | ||
@@ -9,20 +10,4 @@ "name": "Refat", | ||
}, | ||
"keywords": [ | ||
"vue", | ||
"vuejs", | ||
"charts", | ||
"google charts", | ||
"charts component" | ||
], | ||
"homepage": "https://github.com/devstark-com/vue-google-charts#readme", | ||
"license": "MIT", | ||
"main": "dist/vue-google-charts.common.js", | ||
"unpkg": "dist/vue-google-charts.browser.js", | ||
"module": "index.js", | ||
"scripts": { | ||
"dev": "cross-env NODE_ENV=development webpack --config config/webpack.config.dev.js --progress --watch", | ||
"build": "npm run build:browser && npm run build:common", | ||
"build:browser": "cross-env NODE_ENV=production webpack --config config/webpack.config.browser.js --progress --hide-modules", | ||
"build:common": "cross-env NODE_ENV=production webpack --config config/webpack.config.common.js --progress --hide-modules", | ||
"prepublish": "npm run build" | ||
}, | ||
"repository": { | ||
@@ -35,26 +20,24 @@ "type": "git", | ||
}, | ||
"homepage": "https://github.com/devstark-com/vue-google-charts#readme", | ||
"devDependencies": { | ||
"babel-core": "^6.0.0", | ||
"babel-eslint": "^7.1.1", | ||
"babel-loader": "^6.0.0", | ||
"babel-preset-es2015": "^6.14.0", | ||
"babel-preset-stage-0": "^6.16.0", | ||
"cross-env": "^3.1.3", | ||
"css-loader": "^0.26.1", | ||
"eslint": "^7.2.0", | ||
"eslint-config-standard": "^14.1.1", | ||
"eslint-loader": "^4.0.2", | ||
"eslint-plugin-html": "^6.0.2", | ||
"eslint-plugin-promise": "^4.2.1", | ||
"eslint-plugin-standard": "^4.0.1", | ||
"extract-text-webpack-plugin": "^2.0.0-beta.4", | ||
"vue-loader": "^10.0.0", | ||
"vue-template-compiler": "^2.1.6", | ||
"webpack": "^2.1.0-beta.28", | ||
"webpack-merge": "^1.1.2" | ||
"main": "./dist/index.cjs", | ||
"types": "./dist/index.d.ts", | ||
"publishConfig": { | ||
"directory": "package" | ||
}, | ||
"dependencies": { | ||
"debounce": "^1.1.0" | ||
} | ||
} | ||
"files": [ | ||
"dist/", | ||
"legacy/index.*" | ||
], | ||
"keywords": [ | ||
"vue", | ||
"vuejs", | ||
"charts", | ||
"google charts", | ||
"charts component" | ||
], | ||
"peerDependencies": { | ||
"vue": "^3.0.0-0 || ^2.6.0" | ||
}, | ||
"readme": "", | ||
"scripts": {}, | ||
"module": "./dist/index.js" | ||
} |
@@ -8,25 +8,33 @@ # vue-google-charts | ||
## Table of contents | ||
<br /> | ||
<a href="#installation">Installation</a> | ||
<span> • </span> | ||
<a href="#usage">Usage</a> | ||
<span> • </span> | ||
<a href="https://slack.cube.dev/?ref=eco-vue-google-charts">Slack</a> | ||
<br /> | ||
<hr /> | ||
- [Installation](#installation) | ||
- [Usage](#usage) | ||
- [Example](#example) | ||
# Installation | ||
``` | ||
```bash | ||
pnpm add vue-google-charts | ||
# or | ||
yarn add vue-google-charts | ||
# or | ||
npm i vue-google-charts | ||
``` | ||
## Default import | ||
<hr /> | ||
Install a component globally (use as plugin): | ||
Need an API to fetch data? Consider [Cube](https://cube.dev/?ref=eco-vue-google-charts), an open-source API for data apps. | ||
```javascript | ||
import Vue from 'vue' | ||
import VueGoogleCharts from 'vue-google-charts' | ||
<br /> | ||
Vue.use(VueGoogleCharts) | ||
``` | ||
[![supported by Cube](https://user-images.githubusercontent.com/986756/154330861-d79ab8ec-aacb-4af8-9e17-1b28f1eccb01.svg)](https://cube.dev/?ref=eco-vue-google-charts) | ||
## Default import | ||
This package works with version 2.x and 3.x of Vue. | ||
Use locally in a component: | ||
@@ -44,11 +52,8 @@ | ||
## Browser | ||
For Vue 2 projects, you need to import from `vue-google-charts/legacy`. | ||
```html | ||
<script src="vue.js"></script> | ||
<script src="vue-google-charts/dist/vue-google-charts.browser.js"></script> | ||
```javascript | ||
import { GChart } from 'vue-google-charts/legacy' | ||
``` | ||
The plugin should be auto-installed. If not, you can install it manually with the instructions below. | ||
# Usage | ||
@@ -55,0 +60,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
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
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
190892
0
25
1511
286
1
+ Added@babel/helper-string-parser@7.25.9(transitive)
+ Added@babel/helper-validator-identifier@7.25.9(transitive)
+ Added@babel/parser@7.26.2(transitive)
+ Added@babel/types@7.26.0(transitive)
+ Added@jridgewell/sourcemap-codec@1.5.0(transitive)
+ Added@vue/compiler-core@3.5.13(transitive)
+ Added@vue/compiler-dom@3.5.13(transitive)
+ Added@vue/compiler-sfc@3.5.13(transitive)
+ Added@vue/compiler-ssr@3.5.13(transitive)
+ Added@vue/reactivity@3.5.13(transitive)
+ Added@vue/runtime-core@3.5.13(transitive)
+ Added@vue/runtime-dom@3.5.13(transitive)
+ Added@vue/server-renderer@3.5.13(transitive)
+ Added@vue/shared@3.5.13(transitive)
+ Addedcsstype@3.1.3(transitive)
+ Addedentities@4.5.0(transitive)
+ Addedestree-walker@2.0.2(transitive)
+ Addedmagic-string@0.30.12(transitive)
+ Addednanoid@3.3.7(transitive)
+ Addedpicocolors@1.1.1(transitive)
+ Addedpostcss@8.4.49(transitive)
+ Addedsource-map-js@1.2.1(transitive)
+ Addedvue@3.5.13(transitive)
- Removeddebounce@^1.1.0
- Removeddebounce@1.2.1(transitive)