fix(vue): Make vue span operation lowercase (#4084)

Lowercase span operations matches the conventions we set with other
spans.

Co-authored-by: Kamil Ogórek <[email protected]>

Author: AbhiPrasad

packages/integrations/src/vue.ts

@@ -268,7 +268,7 @@ export class Vue implements Integration {
             if (transaction) {
               this._rootSpan = transaction.startChild({
                 description: 'Application Render',
-                op: 'Vue',
+                op: 'vue',
               });
             }
             // Use functionality from @sentry/tracing
@@ -277,7 +277,7 @@ export class Vue implements Integration {
             if (activeTransaction) {
               this._rootSpan = activeTransaction.startChild({
                 description: 'Application Render',
-                op: 'Vue',
+                op: 'vue',
               });
             }
           }

packages/vue/src/tracing.ts

@@ -71,7 +71,7 @@ export const createTracingMixins = (options: TracingOptions): Mixins => {
               this.$_sentryRootSpan ||
               activeTransaction.startChild({
                 description: 'Application Render',
-                op: 'Vue',
+                op: 'vue',
               });
           }
         }