diff --git a/docs/platforms/javascript/guides/vue/features/component-tracking.mdx b/docs/platforms/javascript/guides/vue/features/component-tracking.mdx
index 1a083f11e72d4a..737c4389a3c652 100644
--- a/docs/platforms/javascript/guides/vue/features/component-tracking.mdx
+++ b/docs/platforms/javascript/guides/vue/features/component-tracking.mdx
@@ -60,7 +60,7 @@ Sentry.init({
   integrations: [
     Sentry.vueIntegration({
       tracingOptions: {
-        trackComponents: true
+        trackComponents: true,
         hooks: ["mount", "update", "unmount"],
       },
     }),
diff --git a/docs/platforms/javascript/guides/vue/features/vue-router.mdx b/docs/platforms/javascript/guides/vue/features/vue-router.mdx
index 50bd12c81666c9..e20e415549c6da 100644
--- a/docs/platforms/javascript/guides/vue/features/vue-router.mdx
+++ b/docs/platforms/javascript/guides/vue/features/vue-router.mdx
@@ -9,8 +9,30 @@ Our routing instrumentation supports `vue-router` v2, v3, and v4.
 
 Here is a full example of how to use it:
 
+```javascript {tabTitle:Vue 3} {filename:main.js} {mdExpandTabs}
+import { createApp } from "vue";
+import { createRouter } from "vue-router";
+import * as Sentry from "@sentry/vue";
+import App from "./App.vue";
+
+const app = createApp(App);
+
+const router = createRouter({
+  // your router configuration
+});
+
+Sentry.init({
+  app,
+  dsn: "___PUBLIC_DSN___",
+  tracesSampleRate: 1.0,
+  integrations: [Sentry.browserTracingIntegration({ router })],
+});
+
+app.use(router);
+app.mount("#app");
+```
 
-```javascript {filename:main.js}
+```javascript {tabTitle:Vue 2} {filename:main.js}
 import Vue from "vue";
 import App from "./App";
 import * as Sentry from "@sentry/vue";
@@ -29,9 +51,7 @@ Sentry.init({
   Vue,
   dsn: "___PUBLIC_DSN___",
   tracesSampleRate: 1.0,
-  integrations: [
-    Sentry.browserTracingIntegration({ router }),
-  ],
+  integrations: [Sentry.browserTracingIntegration({ router })],
 });
 
 new Vue({