NPM package update

.eslintrc.js

@@ -1,3 +1,3 @@
 module.exports = {
-    "extends": ["avidofood"],
-};
+    extends: ['avidofood'],
+};

demo/public/js/app.js.LICENSE.txt

@@ -1,5 +1,5 @@
 /*!
- * Vue.js v2.6.11
- * (c) 2014-2019 Evan You
+ * Vue.js v2.6.12
+ * (c) 2014-2020 Evan You
  * Released under the MIT License.
  */

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-responsive-video-background-player",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "Play your own videos in background responsively",
   "main": "dist/index.common.js",
   "unpkg": "dist/index.umd.min.js",
@@ -41,14 +41,14 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@vue/cli-plugin-babel": "^4.5.3",
-    "@vue/cli-service": "^4.5.3",
+    "@vue/cli-plugin-babel": "^4.5.8",
+    "@vue/cli-service": "^4.5.8",
     "cross-env": "^7.0.2",
-    "eslint": "^6.8.0",
-    "eslint-config-avidofood": "^1.1.0",
-    "laravel-mix": "^5.0.0",
-    "vue": "^2.6.10",
-    "vue-template-compiler": "^2.6.10"
+    "eslint": "^7.12.0",
+    "eslint-config-avidofood": "^2.0.2",
+    "laravel-mix": "^5.0.7",
+    "vue": "^2.6.12",
+    "vue-template-compiler": "^2.6.12"
   },
   "dependencies": {}
 }

src/VideoBackground.vue

@@ -8,7 +8,6 @@
             :poster="current.poster || poster"
         />
 
-
         <video-player
             ref="player"
             :src="current.src"
@@ -24,7 +23,6 @@
             @ended="$emit('ended')"
         />
 
-
         <video-overlay
             v-if="overlay"
             :overlay="overlay"
@@ -36,12 +34,11 @@
     </section>
 </template>
 
-
 <script>
 import props from './core/props';
-import VideoPlayer from './components/VideoPlayer';
-import VideoPoster from './components/VideoPoster';
-import VideoOverlay from './components/VideoOverlay';
+import VideoPlayer from './components/VideoPlayer.vue';
+import VideoPoster from './components/VideoPoster.vue';
+import VideoOverlay from './components/VideoOverlay.vue';
 
 import resize from './core/resize';
 
@@ -68,7 +65,6 @@ export default {
 };
 </script>
 
-
 <style scoped>
 	.vue-responsive-videobg{
 		background: none;

src/components/VideoPlayer.vue

@@ -22,7 +22,6 @@
     </transition>
 </template>
 
-
 <script>
 import props from '../core/playerProps';
 
@@ -82,7 +81,8 @@ export default {
         },
         videoReady() {
             // Unfortunately we have the iOS bug, that we need to set autoplay always to true.
-            // That means we need to first pause the video, and later check if we want to autoplay or not
+            // That means we need to first pause the video,
+            // and later check if we want to autoplay or not
             this.pause();
             this.$emit('ready');
         },
@@ -107,7 +107,6 @@ export default {
 };
 </script>
 
-
 <style scoped>
     .video-wrapper{
         display: flex;

src/core/props.js

@@ -39,7 +39,6 @@ const containsProp = (array, propName) => {
     return false;
 };
 
-
 const isObject = (obj) => obj != null && obj.constructor.name === 'Object';
 
 const exists = (obj, key) => Object.prototype.hasOwnProperty.call(obj, key);

src/index.js

@@ -1,8 +1,8 @@
-import component from './VideoBackground';
+import component from './VideoBackground.vue';
 
 export const Plugin = {
     install(Vue) {
-        Vue.component('video-background', component);
+        Vue.component('VideoBackground', component);
     },
 };