Address reviewer comments

* switch from gon to provide

app/assets/javascripts/pages/import/history/components/import_history_app.vue

@@ -39,6 +39,8 @@ export default {
     TimeAgo,
   },
 
+  inject: ['assets'],
+
   data() {
     return {
       loading: true,
@@ -122,8 +124,6 @@ export default {
       this.paginationConfig.page = 1;
     },
   },
-
-  gitlabLogo: window.gon.gitlab_logo,
 };
 </script>
 
@@ -133,7 +133,7 @@ export default {
       class="gl-border-solid gl-border-gray-200 gl-border-0 gl-border-b-1 gl-display-flex gl-align-items-center"
     >
       <h1 class="gl-my-0 gl-py-4 gl-font-size-h1">
-        <img :src="$options.gitlabLogo" class="gl-w-6 gl-h-6 gl-mb-2 gl-display-inline gl-mr-2" />
+        <img :src="assets.gitlabLogo" class="gl-w-6 gl-h-6 gl-mb-2 gl-display-inline gl-mr-2" />
         {{ s__('BulkImport|Project import history') }}
       </h1>
     </div>

app/assets/javascripts/pages/import/history/index.js

@@ -6,6 +6,12 @@ function mountImportHistoryApp(mountElement) {
 
   return new Vue({
     el: mountElement,
+    name: 'ImportHistoryRoot',
+    provide: {
+      assets: {
+        gitlabLogo: mountElement.dataset.logo,
+      },
+    },
     render(createElement) {
       return createElement(ImportHistoryApp);
     },

app/views/import/history/index.html.haml

 - add_to_breadcrumbs _('Create a new project'), new_project_path
 - page_title _('Import history')
 
-#import-history-mount-element
+#import-history-mount-element{ data: { logo: asset_url('gitlab_logo.png') } }

spec/frontend/pages/import/history/import_history_app_spec.js → spec/frontend/pages/import/history/components/import_history_app_spec.js

@@ -52,10 +52,10 @@ describe('ImportHistoryApp', () => {
 
   function createComponent({ shallow = true } = {}) {
     const mountFn = shallow ? shallowMount : mount;
-    wrapper = mountFn(
-      ImportHistoryApp,
-      shallow ? { stubs: { GlTable: { ...stubComponent(GlTable), props: ['items'] } } } : {},
-    );
+    wrapper = mountFn(ImportHistoryApp, {
+      provide: { assets: { gitlabLogo: 'http://dummy.host' } },
+      stubs: shallow ? { GlTable: { ...stubComponent(GlTable), props: ['items'] } } : {},
+    });
   }
 
   const originalApiVersion = gon.api_version;