> ## Documentation Index
> Fetch the complete documentation index at: https://docs.useflytrap.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Use Flytrap with Nuxt
> Use Flytrap to catch & replay both front-end & back-end bugs in Nuxt
Support for replaying with Nuxt is still a work-in-progress.
## Installing
Install the `useflytrap` package to your Nuxt project.
```bash npm theme={null}
npm install useflytrap
```
```bash yarn theme={null}
yarn add useflytrap
```
```bash pnpm theme={null}
pnpm install useflytrap
```
## Add Flytrap code transform
Add the Flytrap code transform to your project by editing your Nuxt configuration, so that all your code gets properly processed for replaying.
Add the module to your Nuxt configuration:
```typescript nuxt.config.ts theme={null}
// @ts-ignore
import { FlytrapTransformPlugin } from 'useflytrap/transform'
// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
vite: {
plugins: [process.env.NODE_ENV === 'production' && FlytrapTransformPlugin.vite()]
}
})
```
## Catch your first bug
Now your app will be enabled with Flytrap. You can test out the setup by throwing an error in your development environment.
## Example
}
href="https://github.com/useflytrap/flytrap-js/tree/main/examples/with-nuxt"
>
See how you can use Flytrap with Nuxt