changes

app/components/media/FileList.vue

@@ -40,10 +40,10 @@ export default {
   },
   computed: {
     pagedata: {
-      get: function () {
+      get() {
         return this.$store.state[this.pagename1];
       },
-      set: function (val) {
+      set(val) {
         this.$store.commit("updateStore", { name: this.pagename1, data: val });
       },
     },

app/components/media/ImageShow.vue

@@ -72,10 +72,10 @@ export default {
   },
   computed: {
     viewport: {
-      get: function () {
-        return this.$store.state.viewport;
+      get() {
+        return this.$store.viewport;
       },
-      set: function (val) {
+      set(val) {
         this.$store.commit("updateViewPort", { viewport: val });
       },
     },

app/components/media/Imagebox.vue

@@ -295,7 +295,7 @@ export default {
         { name: "image", icon: "material-symbols:grid-view-outline-rounded" },
       ],
       timer: undefined,
-      vbind: { api: "file", setting: "image-fields" },
+      vbind: { api: "file", setting: "image-fields", pagename: "image-fields" },
       dataFiles: [],
       files: [],
       docid: this.$id(),
@@ -314,7 +314,7 @@ export default {
     this.data = result[0].data.rows;
   },
   watch: {
-    data: function () {
+    data() {
       this.group = [];
       for (let index = 0; index < this.data.length / (this.type === "video" ? 4 : 5); index++) {
         this.group.push(index);
@@ -323,18 +323,18 @@ export default {
   },
   computed: {
     login: {
-      get: function () {
+      get() {
         return this.$store.login;
       },
-      set: function (val) {
+      set(val) {
         this.$store.commit("updateLogin", { login: val });
       },
     },
     media: {
-      get: function () {
+      get() {
         return this.$store.media;
       },
-      set: function (val) {
+      set(val) {
         this.$store.commit("updateMedia", { media: val });
       },
     },