Updated vue.js version

js/script-guide.js

@@ -1,9 +1,10 @@
-const app = new Vue({
-  el: "#guide",
-  data: {
+Vue.createApp({
+  data() {
+    return {
     currentfilms: currentfilms,
     guide: guide,
     step: 1
+    }
   },
   computed: {
     films: function() {
@@ -57,4 +58,4 @@ const app = new Vue({
       this.step = step;
     }
   }
-});
+}).mount('#guide');

js/script-index.js

@@ -1,12 +1,13 @@
-const app = new Vue({
-  el: "#app",
-  data: {
+Vue.createApp({
+  data() {
+    return {
     currentfilms: currentfilms,
     search: '',
     type: 'all',
     format: 'all',
     sortBy: 'popularity',
     sortDir: 'desc'
+    }
   },
   computed: {
     searchedfilms: function() {
@@ -79,4 +80,4 @@ const app = new Vue({
       }
     }
   }
-});
+}).mount('#app');

js/script-random.js

@@ -1,10 +1,11 @@
-const app = new Vue({
-  el: "#random",
-  data: {
+Vue.createApp({
+  data() {
+    return {
     currentfilms: currentfilms,
     tick: 0,
     selected: 0,
     show: false
+    }
   },
   computed: {
     films: function() {
@@ -13,7 +14,7 @@ const app = new Vue({
   },
   methods: {
     formatPrice: function(price) {
-      return "€".repeat(price);
+      return '€'.repeat(price);
     },
     shuffle: function() {
       if(this.tick++ < 25) {
@@ -25,4 +26,4 @@ const app = new Vue({
       this.show = true;
     }
   }
-});
+}).mount('#random');