staskobzar
diff --git a/‎.eslintrc.cjs
+22 b/‎.eslintrc.cjs
+22
diff --git a/‎.gitignore
+18-16 b/‎.gitignore
+18-16
diff --git a/‎.vscode/extensions.json
+3 b/‎.vscode/extensions.json
+3
diff --git a/‎README.md
+10-1 b/‎README.md
+10-1
diff --git a/‎babel.config.js
-5 b/‎babel.config.js
-5
diff --git a/‎demo/.browserslistrc
-2 b/‎demo/.browserslistrc
-2
diff --git a/‎demo/.editorconfig
-5 b/‎demo/.editorconfig
-5
diff --git a/‎demo/.eslintrc.js
-17 b/‎demo/.eslintrc.js
-17
diff --git a/‎demo/.gitignore
-21 b/‎demo/.gitignore
-21
diff --git a/‎demo/README.md
-6 b/‎demo/README.md
-6
diff --git a/‎demo/assets/index.3c560780.js
+1 b/‎demo/assets/index.3c560780.js
+1
diff --git a/‎demo/public/logo.png renamed to ‎demo/assets/logo.64bab856.png b/‎demo/public/logo.png renamed to ‎demo/assets/logo.64bab856.png
diff --git a/‎demo/babel.config.js
-5 b/‎demo/babel.config.js
-5
diff --git a/‎demo/public/favicon.ico renamed to ‎demo/favicon.ico b/‎demo/public/favicon.ico renamed to ‎demo/favicon.ico
diff --git a/‎demo/index.html
+19 b/‎demo/index.html
+19
diff --git a/‎demo/public/file_example_MP3_1MG.mp3 renamed to ‎demo/music.mp3 b/‎demo/public/file_example_MP3_1MG.mp3 renamed to ‎demo/music.mp3
@@ -0,0 +1,22 @@
+/* eslint-env node */
+require('@rushstack/eslint-patch/modern-module-resolution')
+
+module.exports = {
+  'root': true,
+  'extends': [
+    'plugin:vue/vue3-essential',
+    'eslint:recommended',
+    '@vue/eslint-config-typescript/recommended'
+  ],
+  'ignorePatterns': ['demo/'],
+  'parserOptions': {
+    'ecmaVersion': 'latest'
+  },
+  'rules': {
+    'keyword-spacing': ['error', { 'after': true, 'before': true }],
+    'space-infix-ops': 'error',
+    'arrow-spacing': 'error',
+    'comma-spacing': ['error', { 'before': false, 'after': true }],
+    'indent': ['error', 2]
+  }
+}
@@ -1,26 +1,28 @@
-.DS_Store
-node_modules/
+# Logs
+logs
+*.log
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
-coverage/
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
 
 # Editor directories and files
+.vscode/*
+!.vscode/extensions.json
 .idea
-.vscode
 *.suo
 *.ntvs*
 *.njsproj
 *.sln
-# Swap
-[._]*.s[a-v][a-z]
-[._]*.sw[a-p]
-[._]s[a-v][a-z]
-[._]sw[a-p]
-
-# Session
-Session.vim
-
-# Temporary
-.netrwhist
-*~
+*.sw?
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
+}
@@ -25,6 +25,12 @@
 - [Issues](#issues)
 - [License](#license)
 
+---
+###UPDATE NOTES!!!
+
+Plugin current version is compatibale only with Vue v3. For Vue2 use plugin version 2.5.0. See [install](#install-and-setup) chapter for details.
+---
+
 ## Overview
 An audio spectrum visualizer plugin for [VueJS](https://vuejs.org/) framework. It is built with HTML5
 [Web Audio API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API) and compatible with all browsers that support HTML5 audio API.
@@ -102,7 +108,10 @@ Install using npm
 ```
 npm install --save vue-audio-visual
 ```
-
+for Vue 2 install version 2.5.0
+```
+npm i -S [email protected]
+```
 Enable plugin in main.js:
 ```javascript
 import Vue from 'vue'
 
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" href="/favicon.ico" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
+  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
+  <title>Vue audio visual plugin demo</title>
+  <script type="module" crossorigin src="/assets/index.3c560780.js"></script>
+</head>
+
+<body>
+  <div id="app"></div>
+  
+</body>
+
+</html>
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+{`
	`2`	`+ "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]`
	`3`	`+}`