Pass path all the way through

app/assets/javascripts/pipelines/pipeline_details_bundle.js

@@ -93,14 +93,7 @@ export default async function initPipelineDetailsBundle() {
         /* webpackChunkName: 'createPipelinesDetailApp' */ './pipeline_details_graph'
       );
 
-      const { metricsPath, pipelineProjectPath, pipelineIid } = dataset;
-      createPipelinesDetailApp(
-        SELECTORS.PIPELINE_GRAPH,
-        pipelineProjectPath,
-        pipelineIid,
-        metricsPath,
-        graphqlResourceEtag,
-      );
+      createPipelinesDetailApp(SELECTORS.PIPELINE_GRAPH, dataset);
     } catch {
       Flash(__('An error occurred while loading the pipeline.'));
     }

app/assets/javascripts/pipelines/pipeline_details_graph.js

@@ -16,7 +16,7 @@ const apolloProvider = new VueApollo({
   ),
 });
 
-const createPipelinesDetailApp = (selector, pipelineProjectPath, pipelineIid, metricsPath, graphqlResourceEtag) => {
+const createPipelinesDetailApp = (selector, { pipelineProjectPath, pipelineIid, metricsPath, graphqlResourceEtag } = {}) => {
   // eslint-disable-next-line no-new
   new Vue({
     el: selector,