1 files changed, 37 insertions, 0 deletions
diff --git a/app/assets/javascripts/tracing/list_index.vue b/app/assets/javascripts/tracing/list_index.vue
new file mode 100644
index 00000000000..432fbb81506
--- /dev/null
+++ b/app/assets/javascripts/tracing/list_index.vue
@@ -0,0 +1,37 @@
+<script>
+import ObservabilityContainer from '~/observability/components/observability_container.vue';
+import TracingList from './components/tracing_list.vue';
+
+export default {
+  components: {
+    ObservabilityContainer,
+    TracingList,
+  },
+  props: {
+    oauthUrl: {
+      type: String,
+      required: true,
+    },
+    tracingUrl: {
+      type: String,
+      required: true,
+    },
+    provisioningUrl: {
+      type: String,
+      required: true,
+    },
+  },
+};
+</script>
+
+<template>
+  <observability-container
+    :oauth-url="oauthUrl"
+    :tracing-url="tracingUrl"
+    :provisioning-url="provisioningUrl"
+  >
+    <template #default="{ observabilityClient }">
+      <tracing-list :observability-client="observabilityClient" />
+    </template>
+  </observability-container>
+</template>