open-index/open-npm huggingface dataset:
npm package: @perforgo/nuxt
Description: Perforgo Nuxt 3 Module
Latest version: 1.0.9

# @perforgo/nuxt

This is the Official Nuxt 3 module for Perforgo.

## Installation

We've developed a handy Nuxt 3 module which slots Perforgo neatly into the Nuxt 3 lifecycle.

_Note: We've only tested this on versions of Nuxt between 3.17 and less than Nuxt 4. Please raise an issue if it's not working on Nuxt 4 or less than 3.17._

1. Install the package from NPM

```
npx nuxi module add @perforgo/nuxt
```

2. Add to modules array in nuxt.config.ts

```
modules: [
    "@perforgo/nuxt"
]
```

3. Configure the module by adding the Perforgo key to the nuxt.config.ts with the following:

```
perforgo: {
    enabled: true,
    appId: 'your-perforgo-generated-id',
    domainName: 'your-domain.com'
},
```

All events are sent by default but you can optionally configure which events you want to send:

```
perforgo: {
    enabled: true,
    appId: 'your-perforgo-generated-id',
    domainName: 'your-domain.com',
    enabledFeatures: {
        lcp: boolean,
        ttfb: boolean,
        inp: boolean,
        cls: boolean,
        resourceMonitoring: boolean | {
            images: boolean
            excludedDomains: string
        }
    }
},
```
npm package: @performant-software/core-data
Description: A package of components used with the Core Data platform.
Latest version: 3.1.17

# core-data

## CSS
Depending on whether your application using Tailwind CSS, we'll configure the CSS in one of two ways:

### WITHOUT Tailwind CSS
Import both exported `styles.css` and `tailwind.css` into your application.

```javascript
// index.js

import '@performant-software/core-data/styles.css';
import '@performant-software/core-data/tailwind.css';
```

### WITH Tailwind CSS

Import **ONLY** the `styles.css` import your application.

```javascript
// index.js

import '@performant-software/core-data/styles.css';
```

Include the `core-data` Tailwind config as a `present`, and update the `content` section to source classes from the `core-data` package.

```javascript
// tailwind.config.js

import coreDataConfig from '@performant-software/core-data/tailwind.config';

export default {
  presets: [
    coreDataConfig
  ],
  content: [
    '../../node_modules/@performant-software/core-data/**/*.{js,jsx,ts,tsx}'
  ]
};
```
npm package: @performant-software/user-defined-fields
Description: A package of components used for allowing end users to define fields on models. Use with the "user_defined_fields" gem.
Latest version: 3.1.17

# UserDefinedFields
This package is designed to be used with the [user_defined_fields](https://github.com/performant-software/user-defined-fields) Rails gem. The idea is to allow users to define what type of metadata they want to collection about specific models and use these components to add, remove, and modify the configuration of the fields.

## Installation

```bash
yarn add @performant-software/user-defined-fields
```

or

```bash
npm install @performant-software/user-defined-fields
```

## Components
To load user defined fields directly from the API endpoint, use the `UserDefinedFieldsList` component.

```jsx
<UserDefinedFieldsList />
```

To add the user defined fields from nested attributes of a parent record, use the `UserDefinedFieldsEmbeddedList` component.

```jsx
<UserDefinedFieldsEmbeddedList
  items={props.item.user_defined_fields}
  onDelete={props.onDeleteChildAssociation.bind(this, 'user_defined_fields')}
  onSave={props.onSaveChildAssociation.bind(this, 'user_defined_fields')}
/>
```

## Services

```javascript
// Fetch the list of user defined fields
UserDefinedFieldsService.fetchAll(params)

// Fetch a single user defined field
UserDefinedFieldsService.fetchOne(id)

// Save a user defined field
UserDefinedFieldsService.save(udf)

// Delete a user defined field
UserDefinedFieldsService.delete(udf)

// Fetch a list of tables to which user defined fields can be added
UserDefinedFieldsService.fetchTables()

// Fetch a list of allowed data types
UserDefinedFieldsService.fetchDataTypes()
```