docs(js): Add Meta-framework settings for filter integration (#12940)

Author: s1gr1d

docs/platforms/javascript/common/configuration/filtering.mdx

@@ -103,58 +103,7 @@ This allows you to filter out errors with "unmarked" stack frames, which would i
 To set up this integration and to mark your JavaScript files with an application key, first pass an `applicationKey` option to your Sentry bundler plugin.
 This can be an arbitrary string that identifies your application code:
 
-```ts {tabTitle:Vite} {8}
-// vite.config.ts
-import { defineConfig } from "vite";
-import { sentryVitePlugin } from "@sentry/vite-plugin";
-
-export default defineConfig({
-  plugins: [
-    sentryVitePlugin({
-      applicationKey: "your-custom-application-key",
-    }),
-  ],
-});
-```
-
-```js {tabTitle:Webpack} {7}
-// webpack.config.js
-const { sentryWebpackPlugin } = require("@sentry/webpack-plugin");
-
-module.exports = {
-  plugins: [
-    sentryWebpackPlugin({
-      applicationKey: "your-custom-application-key",
-    }),
-  ],
-};
-```
-
-```js {tabTitle:esbuild} {7}
-// esbuild.config.js
-const { sentryEsbuildPlugin } = require("@sentry/esbuild-plugin");
-
-require("esbuild").build({
-  plugins: [
-    sentryEsbuildPlugin({
-      applicationKey: "your-custom-application-key",
-    }),
-  ],
-});
-```
-
-```js {tabTitle:Rollup} {7}
-// rollup.config.mjs
-import { sentryRollupPlugin } from "@sentry/rollup-plugin";
-
-export default {
-  plugins: [
-    sentryRollupPlugin({
-      applicationKey: "your-custom-application-key",
-    }),
-  ],
-};
-```
+<PlatformContent includePath="configuration/filter-application-key" />
 
 Next, add the `thirdPartyErrorFilterIntegration` to your Sentry initialization:
 

platform-includes/configuration/filter-application-key/javascript.mdx

@@ -0,0 +1,52 @@
+```ts {tabTitle:Vite} {8}
+// vite.config.ts
+import { defineConfig } from "vite";
+import { sentryVitePlugin } from "@sentry/vite-plugin";
+
+export default defineConfig({
+  plugins: [
+    sentryVitePlugin({
+      applicationKey: "your-custom-application-key",
+    }),
+  ],
+});
+```
+
+```js {tabTitle:Webpack} {7}
+// webpack.config.js
+const { sentryWebpackPlugin } = require("@sentry/webpack-plugin");
+
+module.exports = {
+  plugins: [
+    sentryWebpackPlugin({
+      applicationKey: "your-custom-application-key",
+    }),
+  ],
+};
+```
+
+```js {tabTitle:esbuild} {7}
+// esbuild.config.js
+const { sentryEsbuildPlugin } = require("@sentry/esbuild-plugin");
+
+require("esbuild").build({
+  plugins: [
+    sentryEsbuildPlugin({
+      applicationKey: "your-custom-application-key",
+    }),
+  ],
+});
+```
+
+```js {tabTitle:Rollup} {7}
+// rollup.config.mjs
+import { sentryRollupPlugin } from "@sentry/rollup-plugin";
+
+export default {
+  plugins: [
+    sentryRollupPlugin({
+      applicationKey: "your-custom-application-key",
+    }),
+  ],
+};
+```

platform-includes/configuration/filter-application-key/javascript.nextjs.mdx

@@ -0,0 +1,15 @@
+```javascript {tabTitle:CJS} {filename:next.config.js} {3}
+module.exports = withSentryConfig(nextConfig, {
+  unstable_sentryWebpackPluginOptions: {
+    applicationKey: "your-custom-application-key",
+  },
+});
+```
+
+```javascript {tabTitle:ESM} {filename:next.config.mjs} {3}
+export default withSentryConfig(nextConfig, {
+  unstable_sentryWebpackPluginOptions: {
+    applicationKey: "your-custom-application-key",
+  },
+});
+```

platform-includes/configuration/filter-application-key/javascript.nuxt.mdx

@@ -0,0 +1,10 @@
+```javascript {tabTitle:Nuxt Config} {filename:nuxt.config.ts} {4}
+export default defineNuxtConfig({
+  sentry: {
+    unstable_sentryBundlerPluginOptions: {
+      applicationKey: "your-custom-application-key",
+    },
+  },
+});
+
+```

platform-includes/configuration/filter-application-key/javascript.react-router.mdx

@@ -0,0 +1,14 @@
+```js {tabTitle:Vite} {filename:vite.config.ts} {3}
+const sentryConfig = {
+  unstable_sentryVitePluginOptions: {
+    applicationKey: "your-custom-application-key",
+  },
+};
+
+export default defineConfig((config) => {
+  return {
+    plugins: [reactRouter(), sentryReactRouter(sentryConfig, config)],
+    sentryConfig,
+  };
+});
+```

platform-includes/configuration/filter-application-key/javascript.solidstart.mdx

@@ -0,0 +1,16 @@
+```js {tabTitle:Vite} {filename:app.config.ts} {9}
+export default defineConfig(
+  withSentry(
+    {
+      /* Your SolidStart config */
+    },
+    {
+      sourceMapsUploadOptions: {
+        unstable_sentryVitePluginOptions: {
+          applicationKey: "your-custom-application-key",
+        },
+      },
+    },
+  ),
+);
+```

platform-includes/configuration/filter-application-key/javascript.sveltekit.mdx

@@ -0,0 +1,13 @@
+```js {tabTitle:Vite} {filename:vite.config.js} {6}
+export default defineConfig({
+	plugins: [
+    sentrySvelteKit({
+      sourceMapsUploadOptions: {
+        unstable_sentryVitePluginOptions: {
+          applicationKey: "your-custom-application-key",
+        },
+      },
+    })
+  ]
+});
+```