open-index/open-npm huggingface dataset:
npm package: @greggs/components-vue
Description: Nuxt module for importing Greggs components
Author: Michael Pumo
Latest version: 0.0.14

<div style="width: 200px; margin: 0 auto 10px;">
  <img src="https://i.imgur.com/OloIg5o.png" alt="Greggs" />
</div>

<h2 style="text-align: center;">
  Nuxt 3 Component Library For Greggs
</h2>

#### Use the library in Greggs projects

```bash
$ npm i @greggs/components-vue --save
```

Then, add to the modules array of your nuxt.config.ts

```javascript
modules: [
  '@greggs/components-vue/nuxt'
]
```

This iteration of the library does not do any building or bundling. It's simply a place to store shared components used across the Greggs group sites.

Then import whatever component has been integrated into the library (at this time of writing, it's simply the `<VideoPlayer />` component for a proof of concept).

The library has a `Lib` prefix for the auto-imports, so you would use it like: `<LibContentMediaVideoPlayer />`

### Caveats

1. Components that use Tailwind classes not used in the consuming site will be purged, so you must add these classes to the safelist of the Tailwind config.

2. Links to other component imports in the component library should be relative because aliases with @, ~ etc will look to the consuming site and break. We could add our own custom aliases for the library specifically?