Y24-432 centralize vue component initialization

app/frontend/entrypoints/application.js

@@ -54,16 +54,7 @@
 import '@/javascript/lib/array_fill_polyfill.js'
 
 // Currently setting up each component as its own mini vue app.
-import '@/javascript/asset-comments/index.js'
-import '@/javascript/custom-tagged-plate/index.js'
-import '@/javascript/file-list/index.js'
-import '@/javascript/labware-custom-metadata/index.js'
-import '@/javascript/multi-stamp-tubes/index.js'
-import '@/javascript/multi-stamp/index.js'
-import '@/javascript/qc-information/index.js'
-import '@/javascript/tubes-to-rack/index.js'
-import '@/javascript/validate-paired-tubes/index.js'
-import '@/javascript/pool-xp-tube-panel/index.js'
+import '@/javascript/vue_app.js'
 
 // Load simple javascript files
 import '@/javascript/plain-javascript/page-reloader.js'

app/frontend/javascript/file-list/components/FileList.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="list-group list-group-flush">
+  <div class="list-group list-group-flush" @click="handleClick">
     <div v-if="loading" class="spinner-dark">Updating...</div>
     <a v-for="qc_file in qc_files" :key="qc_file.uuid" class="list-group-item" :href="'/qc_files/' + qc_file.uuid">
       {{ qc_file.filename }} - {{ qc_file.created }}
@@ -35,6 +35,9 @@
       }
       xhr.send()
     },
+    handleClick() {
+      this.fetchData()
+    },
   },
 }
 </script>

app/frontend/javascript/labware-custom-metadata/components/LabwareCustomMetadataAddForm.spec.js

@@ -7,7 +7,7 @@ describe('LabwareCustomMetadataAddForm', () => {
   let customMetadataFields = '[]'
   let labwareId = '123'
   let userId = '456'
-  let sequencescapeApiUrl = 'http://example.com/v2'
+  let sequencescapeApi = 'http://example.com/v2'
   let sequencescapeUrl = 'http://example.com'
   let customMetadata = {}
   let customMetadatumCollectionsId
@@ -48,7 +48,7 @@ describe('LabwareCustomMetadataAddForm', () => {
         customMetadataFields,
         labwareId,
         userId,
-        sequencescapeApiUrl,
+        sequencescapeApi,
         sequencescapeUrl,
       },
       // b-icon is unknown to the component so we stub it
@@ -91,7 +91,7 @@ describe('LabwareCustomMetadataAddForm', () => {
       let wrapper = wrapperFactory({})
       expect(wrapper.vm.customMetadataFields).toEqual(customMetadataFields)
       expect(wrapper.vm.labwareId).toEqual(labwareId)
-      expect(wrapper.vm.sequencescapeApiUrl).toEqual(sequencescapeApiUrl)
+      expect(wrapper.vm.sequencescapeApi).toEqual(sequencescapeApi)
       expect(wrapper.vm.userId).toEqual(userId)
     })
   })

app/frontend/javascript/labware-custom-metadata/components/LabwareCustomMetadataAddForm.vue

@@ -64,7 +64,7 @@ export default {
       type: String,
       required: true,
     },
-    sequencescapeApiUrl: {
+    sequencescapeApi: {
       type: String,
       required: true,
     },
@@ -129,7 +129,7 @@ export default {
       this.populateForm(metadata)
     },
     async refreshCustomMetadata() {
-      let url = `${this.sequencescapeApiUrl}/labware/${this.labwareId}?include=custom_metadatum_collection`
+      let url = `${this.sequencescapeApi}/labware/${this.labwareId}?include=custom_metadatum_collection`
       let metadata = {}
 
       await fetch(url)
@@ -203,7 +203,7 @@ export default {
         ? `custom_metadatum_collections/${customMetadatumCollectionsId}`
         : 'custom_metadatum_collections'
 
-      return `${this.sequencescapeApiUrl}/${path}`
+      return `${this.sequencescapeApi}/${path}`
     },
     buildPayload(method, customMetadatumCollectionsId, metadata) {
       let patchPayload = {