phoenix-lib · June 25, 2021 14:03 · Oct 16, 2017
diff --git a/nuxt.config.js b/nuxt.config.js
@@ -0,0 +1,11 @@
+module.exports = {
+  /* ... */
+  modules: [
+    ['~/modules/sentry', {
+      public_key: '',
+      private_key: '',
+      project_id: '',
+    }],
+  ],
+  /* ... */
+};
diff --git a/sentry-client.js b/sentry-client.js
@@ -0,0 +1,10 @@
+/* global options:true */
+
+import Vue from 'vue';
+import Raven from 'raven-js';
+import RavenVue from 'raven-js/plugins/vue';
+
+Raven
+  .config(`https://${options.public_key}@sentry.io/${options.project_id}`)
+  .addPlugin(RavenVue, Vue)
+  .install();
diff --git a/sentry.js b/sentry.js
@@ -0,0 +1,25 @@
+const Raven = require('raven');
+const path = require('path');
+
+module.exports = function sentryErrorMiddleware(options) {
+  // Setup raven
+  Raven.config(`https://${options.public_key}:${options.private_key}@sentry.io/${options.project_id}`).install();
+
+  // Register the client plugin
+  this.addPlugin({ src: path.resolve(__dirname, 'sentry-client.js'), options });
+
+  // Hook in to Nuxt renderer
+  this.nuxt.plugin('renderer', (renderer) => {
+    renderer.app.use(Raven.requestHandler());
+
+    // Grab Nuxt's original error middleware and overwrite it with our own
+    const nuxtErrorMiddleware = renderer.errorMiddleware;
+    renderer.errorMiddleware = (err, req, res, next) => {
+      // Log the error
+      res.sentry = Raven.captureException(err, { req });
+
+      // Call Nuxt's original error middleware
+      nuxtErrorMiddleware.call(renderer, err, req, res, next);
+    };
+  });
+};