open-index/open-npm huggingface dataset:
npm package: @nuxt-fable/module
Description: Stories built for nuxt
Author: Nicole Hollant
Latest version: 0.0.9

# @nuxt-fable/module

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![Nuxt][nuxt-src]][nuxt-href]

Stories built for nuxt 🏔📚

- [✨ &nbsp;Release Notes](/CHANGELOG.md)
<!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/@nuxt-fable/module?file=playground%2Fapp.vue) -->
<!-- - [📖 &nbsp;Documentation](https://example.com) -->

## Features

- write stories in `/stories/**/*.stories.(jsx|tsx|vue)`
- auto generate stories for components in your components directory

## Quick Setup

1. Add `@nuxt-fable/module` dependency to your project

```bash
# Using pnpm
pnpm add -D @nuxt-fable/module

# Using yarn
yarn add --dev @nuxt-fable/module

# Using npm
npm install --save-dev @nuxt-fable/module
```

2. Add `@nuxt-fable/module` to the `modules` section of `nuxt.config.ts`

```js
export default defineNuxtConfig({
  modules: [
    '@nuxt-fable/module'
  ]
})
```

That's it! You can now use @nuxt-fable/module in your Nuxt app ✨

## Advanced Usage Notes

We generate slots/props using [vue-docgen-api](https://github.com/vue-styleguidist/vue-styleguidist), if you need more configuration from within your files, try looking [here](https://vue-styleguidist.github.io/docs/Documenting.html#code-comments)

## Development

```bash
# Install dependencies
npm install

# Generate type stubs
npm run dev:prepare

# Develop with the playground
npm run dev

# Build the playground
npm run dev:build

# Run ESLint
npm run lint

# Run Vitest
npm run test
npm run test:watch

# Release new version
npm run release
```

<!-- Badges -->
[npm-version-src]: https://img.shields.io/npm/v/@nuxt-fable/module/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-version-href]: https://npmjs.com/package/@nuxt-fable/module

[npm-downloads-src]: https://img.shields.io/npm/dm/@nuxt-fable/module.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-downloads-href]: https://npmjs.com/package/@nuxt-fable/module

[license-src]: https://img.shields.io/npm/l/@nuxt-fable/module.svg?style=flat&colorA=18181B&colorB=28CF8D
[license-href]: https://npmjs.com/package/@nuxt-fable/module

[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js
[nuxt-href]: https://nuxt.com
npm package: @nuxt-hero-icons/outline
Description: A set of free MIT-licensed high-quality SVG icons as Vue functional components.
Author: Shane Spencer
Latest version: 1.0.1

# nuxt-hero-icons

> A set of free MIT-licensed high-quality SVG icons, sourced from [@refactoringui/heroicons](https://github.com/refactoringui/heroicons), as Nuxt.js Vue components.

## Install

Simply add to build modules after installing:

```js
    buildModules: [
        // ...
        // https://github.com/whardier/nuxt-hero-icons
        '@nuxt-hero-icons/outline/nuxt',
        '@nuxt-hero-icons/solid/nuxt',
    ],
```

And use in your templates using your own classes (example using TailwindCSS w-8/h-8 classes):

```html
<template>
    <div>
      <outline-annotation-icon class="w-8 h-8" />
    </div>
</template>
```

## Usage

See all icons and usage here: https://vue-hero-icons.netlify.com

## Contributing

1. Fork it!
2. Create your feature branch: `git checkout -b my-new-feature`
3. Commit your changes: `git commit -am 'Add some feature'`
4. Push to the branch: `git push origin my-new-feature`
5. Submit a pull request :D

## Credits

**heroicons** © [Refactoring UI](https://github.com/refactoringui), Released under the [MIT](./LICENSE) License.<br>

## Author

**nuxt-hero-icons** © [whardier](https://github.com/whardier), Released under the [MIT](./LICENSE) License.<br>

> GitHub [@whardier](https://github.com/whardier)

**vue-hero-icons** © [matschik](https://github.com/matschik), Released under the [MIT](./LICENSE) License.<br>
<!-- Authored and maintained by Matschik with help from contributors ([list](https://github.com/matschik/vue-hero-icons/contributors)). -->

> GitHub [@matschik](https://github.com/matschik) · Twitter [@matschik_](https://twitter.com/matschik_)
npm package: @nuxt-hero-icons/solid
Description: A set of free MIT-licensed high-quality SVG icons as Vue functional components.
Author: Shane Spencer
Latest version: 1.0.1

# nuxt-hero-icons

> A set of free MIT-licensed high-quality SVG icons, sourced from [@refactoringui/heroicons](https://github.com/refactoringui/heroicons), as Nuxt.js Vue components.

## Install

Simply add to build modules after installing:

```js
    buildModules: [
        // ...
        // https://github.com/whardier/nuxt-hero-icons
        '@nuxt-hero-icons/outline/nuxt',
        '@nuxt-hero-icons/solid/nuxt',
    ],
```

And use in your templates using your own classes (example using TailwindCSS w-8/h-8 classes):

```html
<template>
    <div>
      <outline-annotation-icon class="w-8 h-8" />
    </div>
</template>
```

## Usage

See all icons and usage here: https://vue-hero-icons.netlify.com

## Contributing

1. Fork it!
2. Create your feature branch: `git checkout -b my-new-feature`
3. Commit your changes: `git commit -am 'Add some feature'`
4. Push to the branch: `git push origin my-new-feature`
5. Submit a pull request :D

## Credits

**heroicons** © [Refactoring UI](https://github.com/refactoringui), Released under the [MIT](./LICENSE) License.<br>

## Author

**nuxt-hero-icons** © [whardier](https://github.com/whardier), Released under the [MIT](./LICENSE) License.<br>

> GitHub [@whardier](https://github.com/whardier)

**vue-hero-icons** © [matschik](https://github.com/matschik), Released under the [MIT](./LICENSE) License.<br>
<!-- Authored and maintained by Matschik with help from contributors ([list](https://github.com/matschik/vue-hero-icons/contributors)). -->

> GitHub [@matschik](https://github.com/matschik) · Twitter [@matschik_](https://twitter.com/matschik_)
npm package: @nuxt-ignis/content
Description: Nuxt Ignis module - Content features
Latest version: 0.0.42

# @nuxt-ignis/content

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![Nuxt][nuxt-src]][nuxt-href]

Service module providing Content features for Nuxt Ignis

See https://nuxt-ignis.com/


<!-- Badges -->
[npm-version-src]: https://img.shields.io/npm/v/@nuxt-ignis/content/latest.svg?style=flat&colorA=020420&colorB=00DC82
[npm-version-href]: https://npmjs.com/package/@nuxt-ignis/content

[npm-downloads-src]: https://img.shields.io/npm/dm/@nuxt-ignis/content.svg?style=flat&colorA=020420&colorB=00DC82
[npm-downloads-href]: https://npm.chart.dev/@nuxt-ignis/content

[license-src]: https://img.shields.io/npm/l/@nuxt-ignis/content.svg?style=flat&colorA=020420&colorB=00DC82
[license-href]: https://npmjs.com/package/@nuxt-ignis/content

[nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt
[nuxt-href]: https://nuxt.com
npm package: @nuxt-ignis/core
Description: Nuxt Ignis module - Core features
Latest version: 0.0.15

# @nuxt-ignis/core

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![Nuxt][nuxt-src]][nuxt-href]

Service module providing Core features for Nuxt Ignis

See https://nuxt-ignis.com/


<!-- Badges -->
[npm-version-src]: https://img.shields.io/npm/v/@nuxt-ignis/core/latest.svg?style=flat&colorA=020420&colorB=00DC82
[npm-version-href]: https://npmjs.com/package/@nuxt-ignis/core

[npm-downloads-src]: https://img.shields.io/npm/dm/@nuxt-ignis/core.svg?style=flat&colorA=020420&colorB=00DC82
[npm-downloads-href]: https://npm.chart.dev/@nuxt-ignis/core

[license-src]: https://img.shields.io/npm/l/@nuxt-ignis/core.svg?style=flat&colorA=020420&colorB=00DC82
[license-href]: https://npmjs.com/package/@nuxt-ignis/core

[nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt
[nuxt-href]: https://nuxt.com
npm package: @nuxt-ignis/db
Description: Nuxt Ignis module - DB features
Latest version: 0.0.15

# @nuxt-ignis/db

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![Nuxt][nuxt-src]][nuxt-href]

Service module providing DB features for Nuxt Ignis

See https://nuxt-ignis.com/


<!-- Badges -->
[npm-version-src]: https://img.shields.io/npm/v/@nuxt-ignis/db/latest.svg?style=flat&colorA=020420&colorB=00DC82
[npm-version-href]: https://npmjs.com/package/@nuxt-ignis/db

[npm-downloads-src]: https://img.shields.io/npm/dm/@nuxt-ignis/db.svg?style=flat&colorA=020420&colorB=00DC82
[npm-downloads-href]: https://npm.chart.dev/@nuxt-ignis/db

[license-src]: https://img.shields.io/npm/l/@nuxt-ignis/db.svg?style=flat&colorA=020420&colorB=00DC82
[license-href]: https://npmjs.com/package/@nuxt-ignis/db

[nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt
[nuxt-href]: https://nuxt.com
npm package: @nuxt-ignis/forms
Description: Nuxt Ignis module - Form features
Latest version: 0.0.13

# @nuxt-ignis/forms

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![Nuxt][nuxt-src]][nuxt-href]

Service module providing Form features for Nuxt Ignis

See https://nuxt-ignis.com/


<!-- Badges -->
[npm-version-src]: https://img.shields.io/npm/v/@nuxt-ignis/forms/latest.svg?style=flat&colorA=020420&colorB=00DC82
[npm-version-href]: https://npmjs.com/package/@nuxt-ignis/forms

[npm-downloads-src]: https://img.shields.io/npm/dm/@nuxt-ignis/forms.svg?style=flat&colorA=020420&colorB=00DC82
[npm-downloads-href]: https://npm.chart.dev/@nuxt-ignis/forms

[license-src]: https://img.shields.io/npm/l/@nuxt-ignis/forms.svg?style=flat&colorA=020420&colorB=00DC82
[license-href]: https://npmjs.com/package/@nuxt-ignis/forms

[nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt
[nuxt-href]: https://nuxt.com
npm package: @nuxt-ignis/ui
Description: Nuxt Ignis module - UI features
Latest version: 0.0.12

# @nuxt-ignis/ui

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![Nuxt][nuxt-src]][nuxt-href]

Service module providing UI features for Nuxt Ignis

See https://nuxt-ignis.com/


<!-- Badges -->
[npm-version-src]: https://img.shields.io/npm/v/@nuxt-ignis/ui/latest.svg?style=flat&colorA=020420&colorB=00DC82
[npm-version-href]: https://npmjs.com/package/@nuxt-ignis/ui

[npm-downloads-src]: https://img.shields.io/npm/dm/@nuxt-ignis/ui.svg?style=flat&colorA=020420&colorB=00DC82
[npm-downloads-href]: https://npm.chart.dev/@nuxt-ignis/ui

[license-src]: https://img.shields.io/npm/l/@nuxt-ignis/ui.svg?style=flat&colorA=020420&colorB=00DC82
[license-href]: https://npmjs.com/package/@nuxt-ignis/ui

[nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt
[nuxt-href]: https://nuxt.com
npm package: @nuxt-ignis/utils
Description: Nuxt Ignis module - Utility features
Latest version: 0.0.10

# @nuxt-ignis/utils

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![Nuxt][nuxt-src]][nuxt-href]

Service module providing Utility features for Nuxt Ignis

See https://nuxt-ignis.com/


<!-- Badges -->
[npm-version-src]: https://img.shields.io/npm/v/@nuxt-ignis/utils/latest.svg?style=flat&colorA=020420&colorB=00DC82
[npm-version-href]: https://npmjs.com/package/@nuxt-ignis/utils

[npm-downloads-src]: https://img.shields.io/npm/dm/@nuxt-ignis/utils.svg?style=flat&colorA=020420&colorB=00DC82
[npm-downloads-href]: https://npm.chart.dev/@nuxt-ignis/utils

[license-src]: https://img.shields.io/npm/l/@nuxt-ignis/utils.svg?style=flat&colorA=020420&colorB=00DC82
[license-href]: https://npmjs.com/package/@nuxt-ignis/utils

[nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt
[nuxt-href]: https://nuxt.com
npm package: @nuxt-ignis/validation
Description: Nuxt Ignis module - Validation features
Latest version: 0.0.13

# @nuxt-ignis/validation

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![Nuxt][nuxt-src]][nuxt-href]

Service module providing Validation features for Nuxt Ignis

See https://nuxt-ignis.com/


<!-- Badges -->
[npm-version-src]: https://img.shields.io/npm/v/@nuxt-ignis/validation/latest.svg?style=flat&colorA=020420&colorB=00DC82
[npm-version-href]: https://npmjs.com/package/@nuxt-ignis/validation

[npm-downloads-src]: https://img.shields.io/npm/dm/@nuxt-ignis/validation.svg?style=flat&colorA=020420&colorB=00DC82
[npm-downloads-href]: https://npm.chart.dev/@nuxt-ignis/validation

[license-src]: https://img.shields.io/npm/l/@nuxt-ignis/validation.svg?style=flat&colorA=020420&colorB=00DC82
[license-href]: https://npmjs.com/package/@nuxt-ignis/validation

[nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt
[nuxt-href]: https://nuxt.com
npm package: @nuxt-js/package
Description: nuxt js package
Author: Your Name
Latest version: 1.0.13

# Your Package Name

A brief description of your package.

## Installation

```bash
npm install your-package-name
```

## Usage

```typescript
import { yourFunction } from 'your-package-name';

// Example usage
yourFunction();
```

## Development

1. Clone the repository
2. Install dependencies:
   ```bash
   npm install
   ```
3. Build the package:
   ```bash
   npm run build
   ```
4. Run tests:
   ```bash
   npm test
   ```

## Available Scripts

The package includes several shell scripts that can be run using npm:

- `npm run clean` - Cleans build artifacts (dist and coverage directories)
- `npm run setup` - Runs initial setup (install dependencies, build, and test)
- `npm run dev` - Development workflow (clean, build, and test)
- `npm run build` - Builds the package
- `npm run test` - Runs tests
- `npm run configure` - Configures Nuxt.js project with optional features:
  - `-f` or `--firebase` - Adds Firebase support
  - `-t` or `--tailwind` - Adds Tailwind CSS
  - `-sh` or `--shadcn` - Adds ShadCN-Vue

Example:
```bash
# Configure with Firebase and Tailwind
npm run configure -- -f -t

# Configure with all features
npm run configure -- -f -t -sh
```

## License

MIT
npm package: @nuxt-js/vue-tify-ui-tester-linter
Description: A new npm package
Latest version: 1.0.2

# My NPM Package

A TypeScript package providing simple math utility functions.

## Installation

```bash
npm install my-npm-package
```

## Usage

```typescript
import { add, multiply } from 'my-npm-package';

// Add two numbers
const sum = add(5, 3); // returns 8

// Multiply two numbers
const product = multiply(4, 2); // returns 8
```

## API

### `add(a: number, b: number): number`
Adds two numbers together.

### `multiply(a: number, b: number): number`
Multiplies two numbers together.

## Development

1. Clone the repository
2. Install dependencies:
   ```bash
   npm install
   ```
3. Build the package:
   ```bash
   npm run build
   ```
4. Run tests:
   ```bash
   npm test
   ```

## License

MIT
npm package: @nuxt-modules/cache
Description: Browser and Server Cache module for Nuxt 3
Author: Jakub Andrzejewski
Latest version: 0.1.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

[![@nuxt-modules/cache](https://cache-nm.netlify.app/preview.png)](https://cache-nm.netlify.app)

# @nuxt-modules/cache

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![Github Actions CI][github-actions-ci-src]][github-actions-ci-href]
[![Codecov][codecov-src]][codecov-href]
[![License][license-src]][license-href]

> Browser and Server Cache module for [Nuxt 3](https://v3.nuxtjs.org)

- [✨ &nbsp;Release Notes](https://github.com/nuxt-modules/cache/releases)
- [📖 &nbsp;Read the documentation](https://cache-nm.netlify.app)

## Features

- Nuxt 3 ready
- Easy Browser Cache Control middleware
- Powerful Server Cache with Redis, memcached, etc [Coming soon]
- TypeScript support

[📖 &nbsp;Read the documentation](https://cache-nm.netlify.app)

## Setup

```sh
yarn add @nuxt-modules/cache # yarn
npm i @nuxt-modules/cache # npm
```

## Basic usage

Firstly, you need to add `@nuxt-modules/cache` to your Nuxt config.

```javascript
// nuxt.config.js

{
  buildModules: [
    [
      '@nuxt-modules/cache',
      {
        browser: {
          pages: [
            ['/', { 'max-age': 3600, 'stale-when-revalidate': 10 }],
            ['/product', { 'max-age': 3600, 'stale-when-revalidate': 10 }],
            ['/category', { 'max-age': 3600, 'stale-when-revalidate': 10 }]
          ]
        }
      }
    ]
  ]
}
```

And that's it! The module is registered and now your pages will have cache-control headers applied.

[![@nuxt-modules/cache](https://cache-nm.netlify.app/cache-control.png)](https://cache-nm.netlify.app)

For more configuration options, please visit the [docs](https://cache-nm.netlify.app)

Configuration of server cache will be added in the next versions.

## Development

1. Clone this repository
2. Install dependencies using `yarn install` or `npm install`
3. Start development server using `yarn dev` or `npm run dev`

## License

[MIT License](./LICENSE)

<!-- Badges -->
[npm-version-src]: https://img.shields.io/npm/v/@nuxt-modules/cache/latest.svg
[npm-version-href]: https://npmjs.com/package/@nuxt-modules/cache

[npm-downloads-src]: https://img.shields.io/npm/dt/@nuxt-modules/cache.svg
[npm-downloads-href]: https://npmjs.com/package/@nuxt-modules/cache

[github-actions-ci-src]: https://github.com/nuxt-modules/cache/workflows/ci/badge.svg
[github-actions-ci-href]: https://github.com/nuxt-modules/cache/actions?query=workflow%3Aci

[codecov-src]: https://img.shields.io/codecov/c/github/nuxt-modules/cache.svg
[codecov-href]: https://codecov.io/gh/nuxt-modules/cache

[license-src]: https://img.shields.io/npm/l/@nuxt-modules/cache.svg
[license-href]: https://npmjs.com/package/@nuxt-modules/cache
npm package: @nuxt-modules/compression
Description: Compression module for Nuxt 3
Author: Jakub Andrzejewski
Latest version: 0.1.0

[![@nuxt-modules/compression](https://compression-nm.netlify.app/preview.png)](https://compression-nm.netlify.app)

# @nuxt-modules/compression

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![Github Actions CI][github-actions-ci-src]][github-actions-ci-href]
[![Codecov][codecov-src]][codecov-href]
[![License][license-src]][license-href]

> Assets Compression module for [Nuxt 3](https://v3.nuxtjs.org)

- [✨ &nbsp;Release Notes](https://github.com/nuxt-modules/compression/releases)
- [📖 &nbsp;Read the documentation](https://compression-nm.netlify.app)

## Features

- Nuxt 3 ready
- Assets Compression using [vite-plugin-compression](https://github.com/vbenjs/vite-plugin-compression)
- Advanced configuration options
- TypeScript support

[📖 &nbsp;Read the documentation](https://compression-nm.netlify.app)

## Setup

```sh
yarn add @nuxt-modules/compression # yarn
npm i @nuxt-modules/compression # npm
```

## Basic usage

Firstly, you need to add `@nuxt-modules/compression` to your Nuxt config.

```javascript
// nuxt.config.js

{
  buildModules: [
    ['@nuxt-modules/compression']
  ]
}
```

And that's it! Now, the gzip compression will compress your static assets. For more configuration options (like brotli compression, filter assets, etc) please, visit the official docs.

## Development

1. Clone this repository
2. Install dependencies using `yarn install` or `npm install`
3. Start development server using `yarn dev` or `npm run dev`

## License

[MIT License](./LICENSE)

<!-- Badges -->
[npm-version-src]: https://img.shields.io/npm/v/@nuxt-modules/compression/latest.svg
[npm-version-href]: https://npmjs.com/package/@nuxt-modules/compression

[npm-downloads-src]: https://img.shields.io/npm/dt/@nuxt-modules/compression.svg
[npm-downloads-href]: https://npmjs.com/package/@nuxt-modules/compression

[github-actions-ci-src]: https://github.com/nuxt-modules/compression/workflows/ci/badge.svg
[github-actions-ci-href]: https://github.com/nuxt-modules/compression/actions?query=workflow%3Aci

[codecov-src]: https://img.shields.io/codecov/c/github/nuxt-modules/compression.svg
[codecov-href]: https://codecov.io/gh/nuxt-modules/compression

[license-src]: https://img.shields.io/npm/l/@nuxt-modules/compression.svg
[license-href]: https://npmjs.com/package/@nuxt-modules/compression
npm package: @nuxt-modules/lazy-load
Description: Lazy load module for Nuxt 3
Author: Jakub Andrzejewski
Latest version: 0.2.0

[![@nuxt-modules/lazy-load](https://lazy-load-nm.netlify.app/preview.png)](https://lazy-load-nm.netlify.app)

# @nuxt-modules/lazy-load

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![Github Actions CI][github-actions-ci-src]][github-actions-ci-href]
[![Codecov][codecov-src]][codecov-href]
[![License][license-src]][license-href]

> Lazy Loading Images module for [Nuxt 3](https://v3.nuxtjs.org)

- [✨ &nbsp;Release Notes](https://github.com/nuxt-modules/lazy-load/releases)
- [📖 &nbsp;Read the documentation](https://lazy-load-nm.netlify.app)

## Features

- Nuxt 3 ready
- Easy Lazy Loading Images, Pictures, and other HTML elements
- Advanced configuration using Lozad.js
- Handy composable useLazyLoad
- TypeScript support

[📖 &nbsp;Read the documentation](https://lazy-load-nm.netlify.app)

## Setup

```sh
yarn add @nuxt-modules/lazy-load # yarn
npm i @nuxt-modules/lazy-load # npm
```

## Basic usage

Firstly, you need to add `@nuxt-modules/lazy-load` to your Nuxt config.

```javascript
// nuxt.config.js

{
  buildModules: [
    ['@nuxt-modules/lazy-load']
  ]
}
```

Then you can start using `@nuxt-modules/lazy-load` in your setup function!

```ts
<script setup lang="ts">
const { init } = useLazyLoad();

onMounted(() => {
  init()
})
</script>
```

Lastly, let's add a `lazy` class and change `src` attribute to `data-src`

```html
<img class="lazy" data-src="https://path-to-image.jpg"/>
```

## Development

1. Clone this repository
2. Install dependencies using `yarn install` or `npm install`
3. Start development server using `yarn dev` or `npm run dev`

## License

[MIT License](./LICENSE)

<!-- Badges -->
[npm-version-src]: https://img.shields.io/npm/v/@nuxt-modules/lazy-load/latest.svg
[npm-version-href]: https://npmjs.com/package/@nuxt-modules/lazy-load

[npm-downloads-src]: https://img.shields.io/npm/dt/@nuxt-modules/lazy-load.svg
[npm-downloads-href]: https://npmjs.com/package/@nuxt-modules/lazy-load

[github-actions-ci-src]: https://github.com/nuxt-modules/lazy-load/workflows/ci/badge.svg
[github-actions-ci-href]: https://github.com/nuxt-modules/lazy-load/actions?query=workflow%3Aci

[codecov-src]: https://img.shields.io/codecov/c/github/nuxt-modules/lazy-load.svg
[codecov-href]: https://codecov.io/gh/nuxt-modules/lazy-load

[license-src]: https://img.shields.io/npm/l/@nuxt-modules/lazy-load.svg
[license-href]: https://npmjs.com/package/@nuxt-modules/lazy-load
npm package: @nuxt-modules/map
Description: Map module for Nuxt
Author: Jakub Andrzejewski
Latest version: 0.1.0

[![@nuxtjs/map](https://map.nuxtjs.org/preview.png)](https://map.nuxtjs.org)

# @nuxtjs/map

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![Github Actions CI][github-actions-ci-src]][github-actions-ci-href]
[![Codecov][codecov-src]][codecov-href]
[![License][license-src]][license-href]

> Map module for [Nuxt](https://v3.nuxtjs.org)

- [✨ &nbsp;Release Notes](https://github.com/nuxt-community/map-module/releases)
- [📖 &nbsp;Read the documentation](https://map.nuxtjs.org)

## Features

- Nuxt 3 ready
- Easy integration with Google Maps & Leaflet
- Use only two components `nuxt-map` and `nuxt-marker` no matter what map provider you choose
- [Coming soon] More map providers and components
- TypeScript support

[📖 &nbsp;Read the documentation](https://map.nuxtjs.org)

## Setup

```sh
yarn add @nuxtjs/map # yarn
npm i @nuxtjs/map # npm
```

## Basic usage

Firstly, you need to add `@nuxtjs/map` to your Nuxt config.

```javascript
// nuxt.config.js

{
    buildModules: [
        "@nuxtjs/map",
    ],
    map: {
      provider: '<YOUR_MAP_PROVIDER>' // google | leaflet
    }
}
```

Then you can start using `@nuxtjs/map` in your app!

```vue
<template>
  <div>
    <nuxt-map :options="{ center, zoom }" style="height: 500px">
      <nuxt-marker
        v-for="(marker, i) in markerPositions"
        :key="i"
        :options="{ position: marker }"
      />
    </nuxt-map>
  </div>
</template>

<script lang="ts" setup>
const markerPositions = [
  { lat: 40.689247, lng: -74.044502 },
  { lat: 40.689947, lng: -74.044502 },
  { lat: 40.684947, lng: -74.044502 }
]
const center = markerPositions[0]
const zoom = 15
</script>
```

## Development

1. Clone this repository
2. Install dependencies using `yarn install` or `npm install`
3. Start development server using `yarn dev` or `npm run dev`

## License

[MIT License](./LICENSE)

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/v/@nuxtjs/map/latest.svg
[npm-version-href]: https://npmjs.com/package/@nuxtjs/map
[npm-downloads-src]: https://img.shields.io/npm/dt/@nuxtjs/map.svg
[npm-downloads-href]: https://npmjs.com/package/@nuxtjs/map
[github-actions-ci-src]: https://github.com/nuxt-modules/map-module/actions/workflows/ci.yml/badge.svg
[github-actions-ci-href]: https://github.com/nuxt-community/map-module/actions?query=workflow%3Aci
[codecov-src]: https://img.shields.io/codecov/c/github/nuxt-community/map-module.svg
[codecov-href]: https://codecov.io/gh/nuxt-community/map-module
[license-src]: https://img.shields.io/npm/l/@nuxtjs/map.svg
[license-href]: https://npmjs.com/package/@nuxtjs/map
npm package: @nuxt-modules/newsletter
Description: Newsletter module for Nuxt
Author: Jakub Andrzejewski
Latest version: 0.1.7

[![@nuxtjs/newsletter](https://newsletter.nuxtjs.org/preview.png)](https://newsletter.nuxtjs.org)

# @nuxtjs/newsletter

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![Github Actions CI][github-actions-ci-src]][github-actions-ci-href]
[![Codecov][codecov-src]][codecov-href]
[![License][license-src]][license-href]

> Newsletter module for [Nuxt](https://v3.nuxtjs.org)

- [✨ &nbsp;Release Notes](https://github.com/nuxt-community/newsletter-module/releases)
- [📖 &nbsp;Read the documentation](https://newsletter.nuxtjs.org)

## Features

- Nuxt 3 ready
- Easy integration with Mailchimp, Revue, Buttondown
- Useful (optional) NewletterForm.vue component
- Handy useNewsletterSubscribe composable
- [Coming soon] More newsletter providers
- TypeScript support

[📖 &nbsp;Read the documentation](https://newsletter.nuxtjs.org)

## Setup

```sh
yarn add @nuxtjs/newsletter # yarn
npm i @nuxtjs/newsletter # npm
```

## Basic usage

Firstly, you need to add `@nuxtjs/newsletter` to your Nuxt config.

```javascript
// nuxt.config.js

{
    modules: [
        "@nuxtjs/newsletter",
    ],
    newsletter: {
      // mailchimp | revue | buttondown
      <YOUR_NEWSLETTER_PROVIDER>: {
        // options like apiKey
      }
    }
}
```

Then you can start using `@nuxtjs/newsletter` in your app!

```vue
<template>
  <div>
    <newsletter-form />
  </div>
</template>
```

## Development

1. Clone this repository
2. Install dependencies using `yarn install` or `npm install`
3. Start development server using `yarn dev` or `npm run dev`

## License

[MIT License](./LICENSE)

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/v/@nuxtjs/newsletter/latest.svg
[npm-version-href]: https://npmjs.com/package/@nuxtjs/newsletter
[npm-downloads-src]: https://img.shields.io/npm/dt/@nuxtjs/newsletter.svg
[npm-downloads-href]: https://npmjs.com/package/@nuxtjs/newsletter
[github-actions-ci-src]: https://github.com/nuxt-modules/newsletter-module/actions/workflows/ci.yml/badge.svg
[github-actions-ci-href]: https://github.com/nuxt-community/newsletter-module/actions?query=workflow%3Aci
[codecov-src]: https://img.shields.io/codecov/c/github/nuxt-community/newsletter-module.svg
[codecov-href]: https://codecov.io/gh/nuxt-community/newsletter-module
[license-src]: https://img.shields.io/npm/l/@nuxtjs/newsletter.svg
[license-href]: https://npmjs.com/package/@nuxtjs/newsletter
npm package: @nuxt-themes/alpine
Description: [![Alpine](./.starters/default/public/social-card-preview.png)](https://alpine.nuxt.space)
Latest version: 1.6.6

[![Alpine](./.starters/default/public/social-card-preview.png)](https://alpine.nuxt.space)

# Alpine

[![npm version][npm-version-src]][npm-version-href]
[![License][license-src]][license-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![Nuxt][nuxt-src]][nuxt-href]
[![Nuxt Studio][nuxt-studio-src]][nuxt-studio-href]
[![Volta][volta-src]][volta-href]

The minimalist blog theme, powered by [Nuxt](https://nuxt.com).


- [📸 Online demo](https://alpine.nuxt.space)
- [⚡️ Play on StackBlitz](https://stackblitz.com/github/nuxt-themes/alpine-starter)

## Features

- Start from a **profile page**, scale to a **complete blog**!
- An [open source blog theme](https://github.com/nuxt-themes/alpine) powered by [Nuxt Content](https://content.nuxtjs.org), editable from [Nuxt Studio](https://nuxt.studio).
- Write pages in Markdown and Vue components with the [MDC syntax](https://content.nuxtjs.org/guide/writing/mdc).
- Use [**30+ built-in**](https://elements.nuxt.space) components in your Markdown pages.

## Quick Start

```bash
npx nuxi@latest init -t themes/alpine
```

## Contributing 🙏

1. Clone this repository
2. Install dependencies using `pnpm install`
3. Run `pnpm prepare` to generate type stubs.
4. Use `pnpm dev` to start [playground](./playground) in development mode.

## License

[MIT](./LICENSE)

<!-- Badges -->
[npm-version-src]: https://img.shields.io/npm/v/@nuxt-themes/alpine/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-version-href]: https://npmjs.com/package/@nuxt-themes/alpine

[npm-downloads-src]: https://img.shields.io/npm/dt/@nuxt-themes/alpine.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-downloads-href]: https://npmjs.com/package/@nuxt-themes/alpine

[license-src]: https://img.shields.io/github/license/nuxt-themes/alpine.svg?style=flat&colorA=18181B&colorB=28CF8D
[license-href]: https://github.com/nuxt-themes/alpine/blob/main/LICENSE


[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?&logo=nuxt.js
[nuxt-href]: https://nuxt.com

[nuxt-studio-src]: https://img.shields.io/badge/Open%20in%20Nuxt%20Studio-18181B?&logo=nuxt.js&logoColor=3BB5EC
[nuxt-studio-href]: https://nuxt.studio/themes/alpine

[volta-src]: https://user-images.githubusercontent.com/904724/209143798-32345f6c-3cf8-4e06-9659-f4ace4a6acde.svg
[volta-href]: https://volta.net/nuxt-themes/alpine?utm_source=readme_alpine