Merge pull request #37 from getsentry/sig/nuxt-example

feat(nuxt): Add nuxt example

Author: s1gr1d

apps/nuxt/app.vue

@@ -3,8 +3,8 @@
     <header>
       <nav>
         <ul>
-          <li><NuxtLink to="/test-param/1234">About</NuxtLink></li>
-          <li><NuxtLink to="/catchAll/my-id-1337">Post 1</NuxtLink></li>
+          <li><NuxtLink to="/test-param/1234">Test Param</NuxtLink></li>
+          <li><NuxtLink to="/catchAll/my-id-1337">Catch All Route</NuxtLink></li>
           <li><NuxtLink to="/404">404</NuxtLink></li>
           <li><NuxtLink to="/?middleware">Faulty Router Middleware</NuxtLink></li>
         </ul>

apps/nuxt/nuxt.config.ts

@@ -1,16 +1,6 @@
-import * as Sentry from '@sentry/nuxt';
-
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
   devtools: { enabled: true },
-  modules: ['@sentry/nuxt'],
-
-  runtimeConfig: {
-    public: {
-      sentry: {
-        dsn: '' /* DSN */,
-        debug: true,
-      },
-    },
-  },
+  modules: ['@sentry/nuxt/module'],
+  debug: false,
 });

apps/nuxt/package.json

@@ -7,7 +7,8 @@
     "dev": "nuxt dev",
     "generate": "nuxt generate",
     "preview": "nuxt preview",
-    "postinstall": "nuxt prepare"
+    "postinstall": "nuxt prepare",
+    "clean": "npx nuxi cleanup"
   },
   "dependencies": {
     "@sentry/nuxt": "file:.yalc/@sentry/nuxt",

apps/nuxt/sentry.client.config.ts

@@ -0,0 +1,8 @@
+import * as Sentry from '@sentry/nuxt';
+
+Sentry.init({
+  dsn: 'your-dsn',
+  debug: true,
+  tracesSampleRate: 1,
+  integrations: [Sentry.browserTracingIntegration()],
+});

apps/nuxt/sentry.server.config.js

@@ -0,0 +1,7 @@
+import * as Sentry from '@sentry/nuxt';
+
+Sentry.init({
+  dsn: process.env.SENTRY_DSN,
+  tracesSampleRate: 1,
+  debug: true,
+});