Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

vue-google-charts

Package Overview
Dependencies
Maintainers
2
Versions
12
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vue-google-charts - npm Package Compare versions

Comparing version 0.3.3 to 0.4.0

dist/components/GChart.d.ts

67

package.json
{
"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>&nbsp;&nbsp;•&nbsp;&nbsp;</span>
<a href="#usage">Usage</a>
<span>&nbsp;&nbsp;•&nbsp;&nbsp;</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 @@

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