Init sentry/nuxt

Author: GusevPM

app.vue

@@ -1,6 +1,6 @@
 <script setup>
 /** Vendor */
-import * as Sentry from "@sentry/vue"
+// import * as Sentry from "@sentry/vue"
 
 /** Services */
 import Socket from "@/services/api/socket"
@@ -135,21 +135,21 @@ onMounted(async () => {
 		})
 	}
 
-	if (window.location.hostname !== "localhost") {
-		Sentry.init({
-			dsn: "https://2801a6c0442d2b0cd4df995e4bbe45dc@newsentry.baking-bad.org/12",
-			integrations: [
-				Sentry.replayIntegration({
-					maskAllText: false,
-					blockAllMedia: false,
-				}),
-			],
-
-			// Session Replay
-			replaysSessionSampleRate: 0.1, // This sets the sample rate at 10%. You may want to change it to 100% while in development and then sample at a lower rate in production.
-			replaysOnErrorSampleRate: 1.0, // If you're not already sampling the entire session, change the sample rate to 100% when sampling sessions where errors occur.
-		})
-	}
+	// if (window.location.hostname !== "localhost") {
+	// 	Sentry.init({
+	// 		dsn: "https://2801a6c0442d2b0cd4df995e4bbe45dc@newsentry.baking-bad.org/12",
+	// 		integrations: [
+	// 			Sentry.replayIntegration({
+	// 				maskAllText: false,
+	// 				blockAllMedia: false,
+	// 			}),
+	// 		],
+
+	// 		// Session Replay
+	// 		replaysSessionSampleRate: 0.1, // This sets the sample rate at 10%. You may want to change it to 100% while in development and then sample at a lower rate in production.
+	// 		replaysOnErrorSampleRate: 1.0, // If you're not already sampling the entire session, change the sample rate to 100% when sampling sessions where errors occur.
+	// 	})
+	// }
 
 	window.onbeforeunload = function () {
 		Socket.close()

nuxt.config.ts

@@ -5,7 +5,7 @@ import topLevelAwait from "vite-plugin-top-level-await"
 import path from "path"
 
 export default defineNuxtConfig({
-	modules: ["nuxt-site-config", "@nuxtjs/robots", "@pinia/nuxt", "nuxt-og-image", "@nuxtjs/sitemap"],
+	modules: ["nuxt-site-config", "@nuxtjs/robots", "@pinia/nuxt", "nuxt-og-image", "@nuxtjs/sitemap", "@sentry/nuxt/module"],
 
 	site: {
 		url: "https://celenium.io",
@@ -69,6 +69,10 @@ export default defineNuxtConfig({
 			AMP: process.env.AMP,
 			version: "1.20.0",
 
+			sentry: {
+				dsn: process.env.SENTRY_DSN || "",
+			},
+
 			API_MAINNET: "",
 			API_MOCHA: "",
 			API_ARABICA: "",

package.json

@@ -37,7 +37,7 @@
 		"@keplr-wallet/cosmos": "^0.12.70",
 		"@openzeppelin/merkle-tree": "^1.0.6",
 		"@pinia/nuxt": "0.11.0",
-		"@sentry/vue": "^8.50.0",
+		"@sentry/nuxt": "^10.19.0",
 		"@vueuse/core": "^10.9.0",
 		"buffer": "^6.0.3",
 		"codemirror": "^6.0.1",