diff --git a/client/galaxy/scripts/components/Citations.vue b/client/galaxy/scripts/components/Citations.vue
index cf306820c7f..9cc45597421 100644
--- a/client/galaxy/scripts/components/Citations.vue
+++ b/client/galaxy/scripts/components/Citations.vue
@@ -57,7 +57,10 @@ export default {
     },
     computed: {
         formattedReferences: function() {
-            return this.citations.reduce((a, b) => a.concat(`<p class="formatted-reference">${this.formattedReference(b)}</p>`), "");
+            return this.citations.reduce(
+                (a, b) => a.concat(`<p class="formatted-reference">${this.formattedReference(b)}</p>`),
+                ""
+            );
         }
     },
     created: function() {
@@ -187,16 +190,16 @@ export default {
 };
 </script>
 <style>
-.citations-formatted{
+.citations-formatted {
     word-wrap: break-word;
 }
 
-.citations-bibtex-text{
+.citations-bibtex-text {
     width: 100%;
     height: 500px;
 }
 
-.citation-padding{
-    padding:5px 10px;
+.citation-padding {
+    padding: 5px 10px;
 }
 </style>
diff --git a/client/galaxy/scripts/components/HistoryImport.vue b/client/galaxy/scripts/components/HistoryImport.vue
index a4b316786d8..e40da1c7ab5 100644
--- a/client/galaxy/scripts/components/HistoryImport.vue
+++ b/client/galaxy/scripts/components/HistoryImport.vue
@@ -60,4 +60,4 @@ export default {
 .ui-message {
     display: block;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/client/galaxy/scripts/components/Message.vue b/client/galaxy/scripts/components/Message.vue
index dced6c62e5c..1309418b205 100644
--- a/client/galaxy/scripts/components/Message.vue
+++ b/client/galaxy/scripts/components/Message.vue
@@ -4,17 +4,16 @@
 
 <script>
 export default {
-  name: 'Message',
-  props: {
-    message: {
-      type: String,
-      required: true
-    },
-    status: {
-      type: String,
-      default: 'done'
+    name: "Message",
+    props: {
+        message: {
+            type: String,
+            required: true
+        },
+        status: {
+            type: String,
+            default: "done"
+        }
     }
-  }
-}
+};
 </script>
-
diff --git a/client/galaxy/scripts/components/admin/BaseGrid.vue b/client/galaxy/scripts/components/admin/BaseGrid.vue
index d0dc0bc69c2..fa96a8bd6b8 100644
--- a/client/galaxy/scripts/components/admin/BaseGrid.vue
+++ b/client/galaxy/scripts/components/admin/BaseGrid.vue
@@ -25,19 +25,19 @@
 
 <script>
 export default {
-  props: {
-    isLoaded: {
-      type: Boolean
-    },
-    title: {
-      type: String
-    },
-    columns: {
-      type: Array
-    },
-    rows: {
-      type: Array
+    props: {
+        isLoaded: {
+            type: Boolean
+        },
+        title: {
+            type: String
+        },
+        columns: {
+            type: Array
+        },
+        rows: {
+            type: Array
+        }
     }
-  }
-}
+};
 </script>
diff --git a/client/galaxy/scripts/components/admin/DataManagerGrid.vue b/client/galaxy/scripts/components/admin/DataManagerGrid.vue
index 50ce7e74c4c..f43d2d85f8c 100644
--- a/client/galaxy/scripts/components/admin/DataManagerGrid.vue
+++ b/client/galaxy/scripts/components/admin/DataManagerGrid.vue
@@ -24,24 +24,24 @@
 
 <script>
 export default {
-  props: {
-    dataManagerTableName: {
-      type: String,
-      required: true
+    props: {
+        dataManagerTableName: {
+            type: String,
+            required: true
+        },
+        dataManagerColumns: {
+            type: Array,
+            required: true
+        },
+        dataManagerItems: {
+            type: Array,
+            required: true
+        }
     },
-    dataManagerColumns: {
-      type: Array,
-      required: true
-    },
-    dataManagerItems: {
-      type: Array,
-      required: true
+    methods: {
+        handleReloadButtonClick(event) {
+            this.$emit("reloaddatamanager", this.dataManagerTableName);
+        }
     }
-  },
-  methods: {
-    handleReloadButtonClick(event) {
-        this.$emit('reloaddatamanager', this.dataManagerTableName);
-    }
-  }
-}
+};
 </script>
diff --git a/client/galaxy/scripts/components/admin/DataTables.vue b/client/galaxy/scripts/components/admin/DataTables.vue
index 02c1fd6b76b..7ea3d866290 100644
--- a/client/galaxy/scripts/components/admin/DataTables.vue
+++ b/client/galaxy/scripts/components/admin/DataTables.vue
@@ -12,106 +12,109 @@
 </template>
 
 <script>
-import axios from 'axios';
-import Message from '../Message.vue';
-import DataTablesGrid from './DataTablesGrid.vue';
-import DataManagerGrid from './DataManagerGrid.vue';
+import axios from "axios";
+import Message from "../Message.vue";
+import DataTablesGrid from "./DataTablesGrid.vue";
+import DataManagerGrid from "./DataManagerGrid.vue";
 
 export default {
-  data() {
-    return {
-      currentView: 'data-tables-grid',
-      isLoaded: false,
-      dataTables: [],
-      dataManagerTableName: '',
-      dataManagerColumns: [],
-      dataManagerItems: [],
-      message: '',
-      status: ''
-    }
-  },
-
-  components: {
-    message: Message,
-    'data-tables-grid': DataTablesGrid,
-    'data-manager-grid': DataManagerGrid
-  },
-
-  computed: {
-    currentProps() {
-      let props;
-
-      if (this.currentView === 'data-tables-grid') {
-        props = {
-          isLoaded: this.isLoaded,
-          rows: this.dataTables
+    data() {
+        return {
+            currentView: "data-tables-grid",
+            isLoaded: false,
+            dataTables: [],
+            dataManagerTableName: "",
+            dataManagerColumns: [],
+            dataManagerItems: [],
+            message: "",
+            status: ""
         };
-      } else {
-        props = {
-          dataManagerTableName: this.dataManagerTableName,
-          dataManagerColumns: this.dataManagerColumns,
-          dataManagerItems: this.dataManagerItems
-        };
-      }
-
-      return props;
-    }
-  },
-
-  methods: {
-    showDataManager(dataManagerTableName) {
-      axios.get(`${Galaxy.root}data_manager/tool_data_table_items`, {
-          params: {
-            table_name: dataManagerTableName
-          }
-        })
-        .then((response) => {
-          this.message = response.data.message;
-          this.status = response.data.status;
-
-          if (response.data.status !== 'error' && response.data.status !== 'warning') {
-            this.dataManagerTableName = dataManagerTableName;
-            this.dataManagerColumns = response.data.data.columns;
-            this.dataManagerItems = response.data.data.items;
-            this.currentView = 'data-manager-grid';
-          }
-        })
-        .catch((error) => {
-          console.error(error);
-        });
     },
 
-    reloadDataManager(dataManagerTableName) {
-      axios.get(`${Galaxy.root}data_manager/reload_tool_data_table`, {
-          params: {
-            table_name: dataManagerTableName
-          }
-        })
-        .then((response) => {
-          this.message = response.data.message;
-          this.status = response.data.status;
+    components: {
+        message: Message,
+        "data-tables-grid": DataTablesGrid,
+        "data-manager-grid": DataManagerGrid
+    },
 
-          if (response.data.status !== 'error' && response.data.status !== 'warning') {
-            this.dataManagerItems = response.data.data.items;
-          }
-        })
-        .catch((error) => {
-          console.error(error);
-        });
+    computed: {
+        currentProps() {
+            let props;
+
+            if (this.currentView === "data-tables-grid") {
+                props = {
+                    isLoaded: this.isLoaded,
+                    rows: this.dataTables
+                };
+            } else {
+                props = {
+                    dataManagerTableName: this.dataManagerTableName,
+                    dataManagerColumns: this.dataManagerColumns,
+                    dataManagerItems: this.dataManagerItems
+                };
+            }
+
+            return props;
+        }
+    },
+
+    methods: {
+        showDataManager(dataManagerTableName) {
+            axios
+                .get(`${Galaxy.root}data_manager/tool_data_table_items`, {
+                    params: {
+                        table_name: dataManagerTableName
+                    }
+                })
+                .then(response => {
+                    this.message = response.data.message;
+                    this.status = response.data.status;
+
+                    if (response.data.status !== "error" && response.data.status !== "warning") {
+                        this.dataManagerTableName = dataManagerTableName;
+                        this.dataManagerColumns = response.data.data.columns;
+                        this.dataManagerItems = response.data.data.items;
+                        this.currentView = "data-manager-grid";
+                    }
+                })
+                .catch(error => {
+                    console.error(error);
+                });
+        },
+
+        reloadDataManager(dataManagerTableName) {
+            axios
+                .get(`${Galaxy.root}data_manager/reload_tool_data_table`, {
+                    params: {
+                        table_name: dataManagerTableName
+                    }
+                })
+                .then(response => {
+                    this.message = response.data.message;
+                    this.status = response.data.status;
+
+                    if (response.data.status !== "error" && response.data.status !== "warning") {
+                        this.dataManagerItems = response.data.data.items;
+                    }
+                })
+                .catch(error => {
+                    console.error(error);
+                });
+        }
+    },
+
+    created() {
+        axios
+            .get(`${Galaxy.root}admin/data_tables_list`)
+            .then(response => {
+                this.isLoaded = true;
+                this.dataTables = response.data.data;
+                this.message = response.data.message;
+                this.status = response.data.status;
+            })
+            .catch(error => {
+                console.error(error);
+            });
     }
-  },
-
-  created() {
-    axios.get(`${Galaxy.root}admin/data_tables_list`)
-      .then((response) => {
-        this.isLoaded = true;
-        this.dataTables = response.data.data;
-        this.message = response.data.message;
-        this.status = response.data.status;
-      })
-      .catch((error) => {
-        console.error(error);
-      });
-  }
-}
+};
 </script>
diff --git a/client/galaxy/scripts/components/admin/DataTablesGrid.vue b/client/galaxy/scripts/components/admin/DataTablesGrid.vue
index a8381edbb86..2a2770fb8ed 100644
--- a/client/galaxy/scripts/components/admin/DataTablesGrid.vue
+++ b/client/galaxy/scripts/components/admin/DataTablesGrid.vue
@@ -15,39 +15,39 @@
 </template>
 
 <script>
-import BaseGrid from './BaseGrid.vue';
+import BaseGrid from "./BaseGrid.vue";
 
 export default {
-  props: {
-    isLoaded: {
-      type: Boolean,
-      required: true
+    props: {
+        isLoaded: {
+            type: Boolean,
+            required: true
+        },
+        rows: {
+            type: Array,
+            required: true
+        }
     },
-    rows: {
-      type: Array,
-      required: true
-    }
-  },
 
-  data() {
-    return {
-      columns: [
-        { text: 'Name', dataIndex: 'name' },
-        { text: 'Filename', dataIndex: 'filename' },
-        { text: 'Tool data path', dataIndex: 'tool_data_path' },
-        { text: 'Errors', dataIndex: 'errors' }
-      ]
-    }
-  },
+    data() {
+        return {
+            columns: [
+                { text: "Name", dataIndex: "name" },
+                { text: "Filename", dataIndex: "filename" },
+                { text: "Tool data path", dataIndex: "tool_data_path" },
+                { text: "Errors", dataIndex: "errors" }
+            ]
+        };
+    },
 
-  components: {
-      'base-grid': BaseGrid
-  },
+    components: {
+        "base-grid": BaseGrid
+    },
 
-  methods: {
-    handleTableNameClick(event) {
-      this.$emit('changeview', event.target.text);
+    methods: {
+        handleTableNameClick(event) {
+            this.$emit("changeview", event.target.text);
+        }
     }
-  }
-}
+};
 </script>