feat(vue): Only start UI spans if parent is available (#13568)

s1gr1d · web-flow · commit b7d154440fc8 · 2024-09-03T14:34:55.000+02:00
UI spans make sense if they are a child of e.g. a pageload root span. This change ensures UI spans are not created as root spans. ref #13546
diff --git a/packages/vue/src/tracing.ts b/packages/vue/src/tracing.ts
@@ -114,6 +114,8 @@ export const createTracingMixins = (options: TracingOptions): Mixins => {
               attributes: {
                 [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.ui.vue',
               },
+              // UI spans should only be created if there is an active root span (transaction)
+              onlyIfParent: true,
             });
           }
         } else {

Original file line number	Diff line number	Diff line change
`@@ -114,6 +114,8 @@ export const createTracingMixins = (options: TracingOptions): Mixins => {`
`114`	`114`	`attributes: {`
`115`	`115`	`[SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.ui.vue',`
`116`	`116`	`},`
	`117`	`+ // UI spans should only be created if there is an active root span (transaction)`
	`118`	`+ onlyIfParent: true,`
`117`	`119`	`});`
`118`	`120`	`}`
`119`	`121`	`} else {`