diff --git a/.babelrc b/.babelrc
index 9a7cbec..2470661 100644
--- a/.babelrc
+++ b/.babelrc
@@ -1,6 +1,7 @@
{
- "plugins": [
- "add-module-exports",
+ "presets": [
+ ["env", { "modules": false }],
+ "stage-3"
],
- "presets": ["es2015"]
+ "plugins": ["transform-vue-jsx"]
}
diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..9d08a1a
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
diff --git a/.eslintrc.js b/.eslintrc.js
deleted file mode 100644
index 2af3f36..0000000
--- a/.eslintrc.js
+++ /dev/null
@@ -1,29 +0,0 @@
-module.exports = {
- "env": {
- "browser": true,
- "es6": true,
- "node": true
- },
- "extends": "eslint:recommended",
- "parserOptions": {
- "sourceType": "module"
- },
- "rules": {
- "indent": [
- "error",
- 4
- ],
- "linebreak-style": [
- "error",
- "unix"
- ],
- "quotes": [
- "error",
- "single"
- ],
- "semi": [
- "error",
- "always"
- ]
- }
-};
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index 61f2d79..a96eeb5 100644
--- a/.gitignore
+++ b/.gitignore
@@ -29,4 +29,4 @@ bower_components
*.iws
*.sublime-*
.idea/
-*.DS_Store
\ No newline at end of file
+*.DS_Store
diff --git a/.npmignore b/.npmignore
deleted file mode 100644
index 3ffefff..0000000
--- a/.npmignore
+++ /dev/null
@@ -1,14 +0,0 @@
-# Node
-node_modules/*
-npm-debug.log
-
-# Windows
-Thumbs.db
-Desktop.ini
-
-# Mac
-.DS_Store
-**/.DS_Store
-
-# Example files
-example/
diff --git a/README.md b/README.md
index 24a6229..f80586f 100644
--- a/README.md
+++ b/README.md
@@ -1,238 +1,18 @@
-# Vue-FusionCharts
+# fc-vue-plugin-samples
-> FusionCharts component for Vue
+> Provides a template for the FusionCharts wrapper samples web app
-The Vue-FusionCharts component lets you easily include FusionCharts in your Vue.js projects.
+## Build Setup
-## Installation
+``` bash
+# install dependencies
+npm install
-### npm
+# serve with hot reload at localhost:8080
+npm run dev
-```bash
-npm install vue-fusioncharts --save
-```
-
-### yarn
-
-```bash
-yarn add vue-fusioncharts
-```
-
-### manual
-
-Download [`vue-fusioncharts.js`](https://github.com/fusioncharts/vue-fusioncharts/blob/feature/plugin-development/dist/vue-fusioncharts.js) and include it in the HTML `
-```
-
-## Usage
-
-### ES6 Modules (Recommended)
-
-```js
-import Vue from 'vue';
-import VueFusionCharts from 'vue-fusioncharts';
-
-// import FusionCharts modules and resolve dependency
-import FusionCharts from 'fusioncharts'
-import Charts from 'fusioncharts/fusioncharts.charts'
-
-// resolve charts dependency
-Chart(FusionCharts);
-
-// register VueFusionCharts component
-Vue.use(VueFusionCharts, FusionCharts);
-```
-
-### CommonJS Modules
-
-```js
-var Vue = require('vue');
-
-var VueFusionCharts = require('vue-fusioncharts');
-
-// import FusionCharts modules and resolve dependency
-var FusionCharts = require('fusioncharts');
-var Charts = require('fusioncharts/fusioncharts.charts');
-
-// resolve charts dependency
-Charts(FusionCharts);
-
-// register VueFusionCharts component
-Vue.use(VueFusionCharts, FusionCharts);
-```
-
-
-### AMD
-
-```js
-require.config({
- paths: {
- 'vue': 'path/to/vue',
- 'vue-fusioncharts': 'path/to/vue-fusioncharts',
- 'fusioncharts': 'path/to/fusioncharts'
- 'charts': 'path/to/fusioncharts/fusioncharts.charts'
- }
-})
-
-require(['vue', 'vue-fusioncharts', 'fusioncharts', 'charts'], function (Vue, VueFusionCharts, FusionCharts, Charts) {
-
- // register VueFusionCharts component
- Vue.use(VueFusionCharts, FusionCharts, Charts);
-});
-```
-
-### Standalone / CDN
-If you are not using any bundler, you can refer the file in a script tag. The library will be available in a global object named `VueFusionCharts`.
-
-
-```html
-
-
-
-
-
-
-
-
-
-
-
The value that you have selected is: {{displayValue}}
-
-
-
-
-
-
-```
-Click [here](https://jsfiddle.net/rohitcoolblog/5Lt720a9/) to view the live example.
-
-## Register `vue-fusioncharts` component
-### Use the `Vue.use` global method to register the component globally
-```js
-Vue.use(VueFusionCharts, FusionCharts, Charts);
-```
-### Use the `Vue.component` method to register the component locally
-```js
-// es6 style
-import {FCComponent} from 'vue-fusioncharts'
-
-// CommpnJS
-var FCComponent = require('vue-fusioncharts').FCComponent;
-
-Vue.component('fusioncharts', FCComponent);
-
-```
-
-### props
-
-* `options`
-
- The commonly used configurations required to initialize FusionCharts are described in the table below. The complete list of supported configurations can be found in the [FusionCharts API documentation](http://www.fusioncharts.com/dev/api/fusioncharts.html).
-
-
-
-
-
Name
-
Type
-
Default value
-
Description
-
-
-
-
-
type
-
String
-
none
-
Name of the chart type to be rendered.
-
-
-
width
-
String/Number
-
400
-
Width in pixels (for example, 640) or percent (for example, 50%).
-
-
-
height
-
String/Number
-
400
-
Height in pixels (for example, 640) or percent (for example, 50%).
-
-
-
id
-
String
-
chart-object-*
-
Name of the current chart instance, after the chart has been created.
-
-
-
dataFormat
-
String
-
JSON
-
Format of the source data, passed to the dataSource attribute. Currently FusionCharts accepts data in the JSON and XML formats.
-
-
-
dataSource
-
String/Object
-
none
-
Source data/source of the chart data and the chart configuration. Currently FusionCharts accepts data in the JSON and XML formats.