1 files changed, 27 insertions, 0 deletions
diff --git a/app/assets/javascripts/vue_merge_request_widget/components/widget/app.vue b/app/assets/javascripts/vue_merge_request_widget/components/widget/app.vue
new file mode 100644
index 00000000000..f1c1bde256f
--- /dev/null
+++ b/app/assets/javascripts/vue_merge_request_widget/components/widget/app.vue
@@ -0,0 +1,27 @@
+<script>
+export default {
+  props: {
+    mr: {
+      type: Object,
+      required: true,
+    },
+  },
+  computed: {
+    widgets() {
+      return [].filter((w) => w);
+    },
+  },
+};
+</script>
+
+<template>
+  <section role="region" :aria-label="__('Merge request reports')" data-testid="mr-widget-app">
+    <component
+      :is="widget"
+      v-for="(widget, index) in widgets"
+      :key="widget.name || index"
+      :mr="mr"
+      :class="{ 'mr-widget-border-top': index === 0 }"
+    />
+  </section>
+</template>