diff --git a/.eslintignore b/.eslintignore
index 7c67102..9f40720 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -1,4 +1,9 @@
dist/*
-demo/js/*
-demo/dist/*
-demo/node_modules/*
\ No newline at end of file
+
+demo-v2/src/js/*
+demo-v2/dist/*
+demo-v2/node_modules/*
+
+demo-v3/src/js/*
+demo-v3/dist/*
+demo-v3/node_modules/*
\ No newline at end of file
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 463b291..e96de34 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,7 +1,21 @@
-# Change Log
+# Changelog
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
+## [1.4.0](https://github.com/highcharts/highcharts-vue/compare/v1.3.5...v1.4.0) (2021-05-26)
+
+
+### Features
+
+* **demo-v3:** Added demo-v3 scripts. ([f969c0a](https://github.com/highcharts/highcharts-vue/commit/f969c0a020bdd964f8fca75ed309ba4aabf6e979))
+* **docs:** Updated the docs. ([d51b1f8](https://github.com/highcharts/highcharts-vue/commit/d51b1f814b40d3f7cbe4799699e37f1316c700ba))
+* **vue:** Added support for Vue v3 apps. ([268aef1](https://github.com/highcharts/highcharts-vue/commit/268aef1ce1b41a642540ebfa4aa0c8fb58351ef8))
+
+
+### Bug Fixes
+
+* **tests:** Fixed tests, and get rid of Jest deprecation warnings. ([886187a](https://github.com/highcharts/highcharts-vue/commit/886187a335df84e40f1f5bba5dc9ba2d37e32994))
+
## [1.3.5](https://github.com/highcharts/highcharts-vue/compare/v1.3.4...v1.3.5) (2019-05-29)
diff --git a/README.md b/README.md
index e1e281d..98eb00a 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,7 @@
# Highcharts-Vue
Official Highcharts wrapper for Vue framework
+**This package now supports also the Vue v3** :tada:
## Table of Contents
@@ -220,15 +221,22 @@ export default {
*Note that both ways of usage are **optional**, because wrapper automatically uses available Highcharts instance by default from peer dependency.*
-## Demo app
+## Demo apps
-If you would like to play with live app created with Highcharts Vue wrapper, or just want to see how it everything should looks like, this repository includes the demo example, which you can simply run locally on your machine. To achieve that, clone this repository, open terminal/console and enter these two commands from the repo directory level:
+If you would like to play with live app created with Highcharts Vue wrapper, or just want to see how it everything should looks like, this repository includes the demo example, which you can simply run locally on your machine. To achieve that, clone this repository, open terminal/console and enter below commands from the repository root level:
+To run the demo based on Vue v2:
```cli
-npm run build:app
-npm run app
+npm run build:app-v2
+npm run app-v2
```
-Server runs at `http://localhost:8080`
+or Vue 3:
+```cli
+npm run build:app-v3
+npm run app-v3
+```
+
+Server always runs at `http://localhost:8080`, unless it's taken by another process. Then you need to manually copy & visit the address displayed in terminal.
## Online demos
@@ -243,7 +251,7 @@ Server runs at `http://localhost:8080`
## Component Properties
-Here is the list of all allowed props allowed to pass directly to your `` component instance, which wrapper is able to handle.
+Here is the list of all available props allowed to pass directly to your `` component instance, which wrapper is able to handle.
| Parameter | Type | Required | Description |
| --------- | :----: | :--------: | ----------- |
diff --git a/demo/.babelrc b/demo-v2/.babelrc
similarity index 100%
rename from demo/.babelrc
rename to demo-v2/.babelrc
diff --git a/demo/.gitignore b/demo-v2/.gitignore
similarity index 92%
rename from demo/.gitignore
rename to demo-v2/.gitignore
index 4c2acab..ed8ed0d 100644
--- a/demo/.gitignore
+++ b/demo-v2/.gitignore
@@ -4,6 +4,8 @@ dist/
npm-debug.log
yarn-error.log
+yarn.lock
+
# Editor directories and files
.editorconfig
.idea
diff --git a/demo/README.md b/demo-v2/README.md
similarity index 100%
rename from demo/README.md
rename to demo-v2/README.md
diff --git a/demo/index.html b/demo-v2/index.html
similarity index 100%
rename from demo/index.html
rename to demo-v2/index.html
diff --git a/demo/package.json b/demo-v2/package.json
similarity index 96%
rename from demo/package.json
rename to demo-v2/package.json
index db9e627..bf7d94e 100644
--- a/demo/package.json
+++ b/demo-v2/package.json
@@ -11,7 +11,7 @@
},
"dependencies": {
"highcharts": "^7.0.1",
- "highcharts-vue": "^1.0.4",
+ "highcharts-vue": "../",
"vue": "^2.5.11"
},
"browserslist": [
diff --git a/demo/src/App.vue b/demo-v2/src/App.vue
similarity index 100%
rename from demo/src/App.vue
rename to demo-v2/src/App.vue
diff --git a/demo/src/assets/highcharts_logo.png b/demo-v2/src/assets/highcharts_logo.png
similarity index 100%
rename from demo/src/assets/highcharts_logo.png
rename to demo-v2/src/assets/highcharts_logo.png
diff --git a/demo/src/assets/vue_logo.png b/demo-v2/src/assets/vue_logo.png
similarity index 100%
rename from demo/src/assets/vue_logo.png
rename to demo-v2/src/assets/vue_logo.png
diff --git a/demo/src/components/Chart.vue b/demo-v2/src/components/Chart.vue
similarity index 100%
rename from demo/src/components/Chart.vue
rename to demo-v2/src/components/Chart.vue
diff --git a/demo/src/components/MapChart.vue b/demo-v2/src/components/MapChart.vue
similarity index 100%
rename from demo/src/components/MapChart.vue
rename to demo-v2/src/components/MapChart.vue
diff --git a/demo/src/components/StockChart.vue b/demo-v2/src/components/StockChart.vue
similarity index 100%
rename from demo/src/components/StockChart.vue
rename to demo-v2/src/components/StockChart.vue
diff --git a/demo/src/js/worldmap.js b/demo-v2/src/js/worldmap.js
similarity index 100%
rename from demo/src/js/worldmap.js
rename to demo-v2/src/js/worldmap.js
diff --git a/demo/src/main.js b/demo-v2/src/main.js
similarity index 100%
rename from demo/src/main.js
rename to demo-v2/src/main.js
diff --git a/demo/webpack.config.js b/demo-v2/webpack.config.js
similarity index 100%
rename from demo/webpack.config.js
rename to demo-v2/webpack.config.js
diff --git a/demo-v3/.gitignore b/demo-v3/.gitignore
new file mode 100644
index 0000000..6053d2f
--- /dev/null
+++ b/demo-v3/.gitignore
@@ -0,0 +1,24 @@
+.DS_Store
+node_modules
+/dist
+
+yarn.lock
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/demo-v3/README.md b/demo-v3/README.md
new file mode 100644
index 0000000..0b138f0
--- /dev/null
+++ b/demo-v3/README.md
@@ -0,0 +1,24 @@
+# vue-app-demo
+
+## Project setup
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+```
+npm run serve
+```
+
+### Compiles and minifies for production
+```
+npm run build
+```
+
+### Lints and fixes files
+```
+npm run lint
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).
diff --git a/demo-v3/babel.config.js b/demo-v3/babel.config.js
new file mode 100644
index 0000000..e955840
--- /dev/null
+++ b/demo-v3/babel.config.js
@@ -0,0 +1,5 @@
+module.exports = {
+ presets: [
+ '@vue/cli-plugin-babel/preset'
+ ]
+}
diff --git a/demo-v3/package.json b/demo-v3/package.json
new file mode 100644
index 0000000..0f39a5c
--- /dev/null
+++ b/demo-v3/package.json
@@ -0,0 +1,44 @@
+{
+ "name": "vue-app-demo",
+ "version": "0.1.0",
+ "private": true,
+ "scripts": {
+ "serve": "vue-cli-service serve",
+ "build": "vue-cli-service build",
+ "lint": "vue-cli-service lint"
+ },
+ "dependencies": {
+ "core-js": "^3.6.5",
+ "vue": "^3.0.0",
+ "highcharts": "^7.0.1",
+ "highcharts-vue": "../"
+ },
+ "devDependencies": {
+ "@vue/cli-plugin-babel": "~4.5.0",
+ "@vue/cli-plugin-eslint": "~4.5.0",
+ "@vue/cli-service": "~4.5.0",
+ "@vue/compiler-sfc": "^3.0.0",
+ "babel-eslint": "^10.1.0",
+ "eslint": "^6.7.2",
+ "eslint-plugin-vue": "^7.0.0"
+ },
+ "eslintConfig": {
+ "root": true,
+ "env": {
+ "node": true
+ },
+ "extends": [
+ "plugin:vue/vue3-essential",
+ "eslint:recommended"
+ ],
+ "parserOptions": {
+ "parser": "babel-eslint"
+ },
+ "rules": {}
+ },
+ "browserslist": [
+ "> 1%",
+ "last 2 versions",
+ "not dead"
+ ]
+}
diff --git a/demo-v3/public/favicon.ico b/demo-v3/public/favicon.ico
new file mode 100644
index 0000000..df36fcf
Binary files /dev/null and b/demo-v3/public/favicon.ico differ
diff --git a/demo-v3/public/index.html b/demo-v3/public/index.html
new file mode 100644
index 0000000..3e5a139
--- /dev/null
+++ b/demo-v3/public/index.html
@@ -0,0 +1,17 @@
+
+
+
+
+
+
+
+ <%= htmlWebpackPlugin.options.title %>
+
+
+
+
+
+
+
diff --git a/demo-v3/src/App.vue b/demo-v3/src/App.vue
new file mode 100644
index 0000000..83f79a0
--- /dev/null
+++ b/demo-v3/src/App.vue
@@ -0,0 +1,132 @@
+
+
+
+
+
+
+
Welcome in Vue 3 Highcharts Wrapper Demo
+
+
Select chart constructor:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/demo-v3/src/assets/highcharts_logo.png b/demo-v3/src/assets/highcharts_logo.png
new file mode 100644
index 0000000..92d5cce
Binary files /dev/null and b/demo-v3/src/assets/highcharts_logo.png differ
diff --git a/demo-v3/src/assets/logo.png b/demo-v3/src/assets/logo.png
new file mode 100644
index 0000000..f3d2503
Binary files /dev/null and b/demo-v3/src/assets/logo.png differ
diff --git a/demo-v3/src/assets/vue_logo.png b/demo-v3/src/assets/vue_logo.png
new file mode 100644
index 0000000..f3d2503
Binary files /dev/null and b/demo-v3/src/assets/vue_logo.png differ
diff --git a/demo-v3/src/components/Chart.vue b/demo-v3/src/components/Chart.vue
new file mode 100644
index 0000000..7ea270c
--- /dev/null
+++ b/demo-v3/src/components/Chart.vue
@@ -0,0 +1,130 @@
+
+