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 || {};
 
+  if (el) {
     // eslint-disable-next-line no-new
     new Vue({
       el,
       components: {
         GroupRepositoryAnalytics,
       },
-    render(createElement) {
-      return createElement('group-repository-analytics', {
-        props: {
+      provide: {
         groupAnalyticsCoverageReportsPath,
       },
-      });
+      render(createElement) {
+        return createElement('group-repository-analytics', {});
       },
     });
+  }
 };