1 files changed, 6 insertions, 6 deletions

diff --git a/app/assets/javascripts/alert_management/details.js b/app/assets/javascripts/alert_management/details.js
index cbbdecae390..4217b702d0a 100644
--- a/app/assets/javascripts/alert_management/details.js
+++ b/app/assets/javascripts/alert_management/details.js
@@ -9,7 +9,7 @@ import createRouter from './router';
 
 Vue.use(VueApollo);
 
-export default selector => {
+export default (selector) => {
   const domEl = document.querySelector(selector);
   const { alertId, projectPath, projectIssuesPath, projectId } = domEl.dataset;
   const router = createRouter();
@@ -18,7 +18,7 @@ export default selector => {
     Mutation: {
       toggleSidebarStatus: (_, __, { cache }) => {
         const sourceData = cache.readQuery({ query: sidebarStatusQuery });
-        const data = produce(sourceData, draftData => {
+        const data = produce(sourceData, (draftData) => {
           // eslint-disable-next-line no-param-reassign
           draftData.sidebarStatus = !draftData.sidebarStatus;
         });
@@ -30,7 +30,7 @@ export default selector => {
   const apolloProvider = new VueApollo({
     defaultClient: createDefaultClient(resolvers, {
       cacheConfig: {
-        dataIdFromObject: object => {
+        dataIdFromObject: (object) => {
           // eslint-disable-next-line no-underscore-dangle
           if (object.__typename === 'AlertManagementAlert') {
             return object.iid;
@@ -51,6 +51,9 @@ export default selector => {
   // eslint-disable-next-line no-new
   new Vue({
     el: selector,
+    components: {
+      AlertDetails,
+    },
     provide: {
       projectPath,
       alertId,
@@ -58,9 +61,6 @@ export default selector => {
       projectId,
     },
     apolloProvider,
-    components: {
-      AlertDetails,
-    },
     router,
     render(createElement) {
       return createElement('alert-details', {});