fix(vue): Cast name parameter to string (#4483)

Vue router allows for the use of Symbol as the name parameter when registering routes. To prevent errors, we cast the name parameter to be a string as the transaction name must be a string.

Author: Bobakanoosh

packages/ember/addon/instance-initializers/sentry-performance.ts

@@ -88,7 +88,7 @@ export function _instrumentEmberRouter(
     });
   }
 
-  const finishActiveTransaction = function(_: any, nextInstance: any) {
+  const finishActiveTransaction = function (_: any, nextInstance: any) {
     if (nextInstance) {
       return;
     }

packages/vue/src/router.ts

@@ -53,7 +53,8 @@ export function vueRouterInstrumentation(router: VueRouter): VueRouterInstrument
 
       if (startTransactionOnPageLoad && isPageLoadNavigation) {
         startTransaction({
-          name: to.name || to.path,
+          // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+          name: to.name.toString() || to.path,
           op: 'pageload',
           tags,
           data,
@@ -63,7 +64,7 @@ export function vueRouterInstrumentation(router: VueRouter): VueRouterInstrument
       if (startTransactionOnLocationChange && !isPageLoadNavigation) {
         startTransaction({
           // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-          name: to.name || (to.matched[0] && to.matched[0].path) || to.path,
+          name: to.name.toString() || (to.matched[0] && to.matched[0].path) || to.path,
           op: 'navigation',
           tags,
           data,