Provide path instead of props

Use provide/inject instead of props to give
the path to the component since we don't
need it to be reactive.

Also watch for `el` to be null/undefined.

ee/app/assets/javascripts/analytics/repository_analytics/components/group_repository_analytics.vue

@@ -8,10 +8,10 @@ export default {
   components: {
     GlButton,
   },
-  props: {
+  inject: {
     groupAnalyticsCoverageReportsPath: {
       type: String,
-      required: true,
+      default: '',
     },
   },
   computed: {

ee/app/assets/javascripts/analytics/repository_analytics/index.js

@@ -5,18 +5,19 @@ export default () => {
   const el = document.querySelector('#js-group-repository-analytics');
   const { groupAnalyticsCoverageReportsPath } = el?.dataset || {};
 
-  // eslint-disable-next-line no-new
-  new Vue({
-    el,
-    components: {
-      GroupRepositoryAnalytics,
-    },
-    render(createElement) {
-      return createElement('group-repository-analytics', {
-        props: {
-          groupAnalyticsCoverageReportsPath,
-        },
-      });
-    },
-  });
+  if (el) {
+    // eslint-disable-next-line no-new
+    new Vue({
+      el,
+      components: {
+        GroupRepositoryAnalytics,
+      },
+      provide: {
+        groupAnalyticsCoverageReportsPath,
+      },
+      render(createElement) {
+        return createElement('group-repository-analytics', {});
+      },
+    });
+  }
 };