sentry integration for vue

package.json

@@ -19,6 +19,8 @@
         "@fullcalendar/timegrid": "^5.11.0",
         "@fullcalendar/vue": "^5.11.0",
         "@popperjs/core": "^2.11.0",
+        "@sentry/tracing": "^7.17.4",
+        "@sentry/vue": "^7.17.4",
         "@tailwindcss/forms": "^0.4.0",
         "@themesberg/flowbite": "^1.2.0",
         "axios": "^0.21",

resources/assets/js/mixins/global.js

@@ -38,6 +38,26 @@ import GLightbox from 'glightbox';
 
 Swiper.use([Navigation, Pagination]);
 
+//sentry integration
+import * as Sentry from "@sentry/vue";
+import { BrowserTracing } from "@sentry/tracing";
+
+Sentry.init({
+    Vue,
+    dsn: "https://9ffc5a5f104d4087911f60714e8bdbe9@o4503982427078656.ingest.sentry.io/4503999793594368",
+    logErrors: true,
+    integrations: [
+        new BrowserTracing({
+            tracingOrigins: [],
+        }),
+    ],
+    // Set tracesSampleRate to 1.0 to capture 100%
+    // of transactions for performance monitoring.
+    // We recommend adjusting this value in production
+    tracesSampleRate: 1.0,
+});
+//sentry integration
+
 export default {
     components: {
         AkauntingDropzoneFileUpload,