From 47da0fd29a621f0c67637c521e01ed888f5ad833 Mon Sep 17 00:00:00 2001
From: Abhijeet Prasad <aprasad@sentry.io>
Date: Thu, 2 Dec 2021 13:10:42 -0500
Subject: [PATCH] fix(integrations): Use ui category for vue span operations

---
 packages/integrations/src/vue.ts | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/integrations/src/vue.ts b/packages/integrations/src/vue.ts
index ac6dd8fe8801..0f8d9c20b683 100644
--- a/packages/integrations/src/vue.ts
+++ b/packages/integrations/src/vue.ts
@@ -19,6 +19,8 @@ const BROWSER_TRACING_GETTER = ({
   id: 'BrowserTracing',
 } as any) as IntegrationClass<Integration>;
 
+const VUE_OP = 'ui.vue';
+
 /** Global Vue object limited to the methods/attributes we require */
 interface VueInstance {
   config: {
@@ -268,7 +270,7 @@ export class Vue implements Integration {
             if (transaction) {
               this._rootSpan = transaction.startChild({
                 description: 'Application Render',
-                op: 'vue',
+                op: VUE_OP,
               });
             }
             // Use functionality from @sentry/tracing
@@ -277,7 +279,7 @@ export class Vue implements Integration {
             if (activeTransaction) {
               this._rootSpan = activeTransaction.startChild({
                 description: 'Application Render',
-                op: 'vue',
+                op: VUE_OP,
               });
             }
           }
@@ -309,7 +311,7 @@ export class Vue implements Integration {
           if (this._rootSpan) {
             spans[operation] = this._rootSpan.startChild({
               description: `Vue <${name}>`,
-              op: operation,
+              op: `${VUE_OP}.${operation}`,
             });
           }
         });