open-index/open-npm huggingface dataset:
npm package: @nuxtjs/localtunnel
Description: [![npm](https://img.shields.io/npm/dt/@nuxtjs/localtunnel.svg?style=flat-square)](https://www.npmjs.com/package/@nuxtjs/localtunnel) [![npm (scoped with tag)](https://img.shields.io/npm/v/@nuxtjs/localtunnel/latest.svg?style=flat-square)](https://www.npmj
Latest version: 1.1.3

# Local Tunnel
[![npm](https://img.shields.io/npm/dt/@nuxtjs/localtunnel.svg?style=flat-square)](https://www.npmjs.com/package/@nuxtjs/localtunnel)
[![npm (scoped with tag)](https://img.shields.io/npm/v/@nuxtjs/localtunnel/latest.svg?style=flat-square)](https://www.npmjs.com/package/@nuxtjs/localtunnel)

> localtunnel exposes your localhost to the world for easy testing and sharing!
No need to mess with DNS or deploy just to have others test out your changes. [learn more](https://github.com/localtunnel/localtunnel)
  
**Features**

- Secure https for all tunnels
- Show your work to anyone
- Use the API to test web hooks
- Test your UI in cloud browsers

**Note** This module is only enabled in dev mode.
  
## Setup
- Add `@nuxtjs/localtunnel` dependency using yarn or npm to your project
- Add `@nuxtjs/localtunnel` to `modules` section of `nuxt.config.js`
```js
  modules: [
    // Simple usage
    '@nuxtjs/localtunnel',
    
    // With options
    ['@nuxtjs/localtunnel', { subdomain: 'foobar' }],
  ]
````

## Usage
(For more information see [here](https://github.com/localtunnel/localtunnel))

On next dev, you will something like this in terminal that can be shared with the world:
```
> Open http://127.0.0.1:3000
> Open https://starter.localtunnel.me for external access
```

## Options

### `subdomain`
- Default: `process.env.npm_package_name`

Request a named subdomain on the localtunnel server (default is random characters)

### `local_host`
- Default: nuxt listening ip (auto detected)

Proxy to a hostname other than localhost

### `remote_host`
- Default: https://localtunnel.me

Use another localtunnel server, instead of localtunnel.me
npm package: @nuxtjs/markdownit
Description: [![npm](https://img.shields.io/npm/dt/@nuxtjs/markdownit.svg?style=flat-square)](https://npmjs.com/package/@nuxtjs/markdownit) [![npm (scoped with tag)](https://img.shields.io/npm/v/@nuxtjs/markdownit/latest.svg?style=flat-square)](https://npmjs.com/packa
Latest version: 2.0.0

# Markdownit
[![npm](https://img.shields.io/npm/dt/@nuxtjs/markdownit.svg?style=flat-square)](https://npmjs.com/package/@nuxtjs/markdownit)
[![npm (scoped with tag)](https://img.shields.io/npm/v/@nuxtjs/markdownit/latest.svg?style=flat-square)](https://npmjs.com/package/@nuxtjs/markdownit)

Using [markdownit-loader](https://github.com/nuxt-community/markdownit-loader) and [markdown-it](https://github.com/markdown-it/markdown-it)

## Setup
- Add `@nuxtjs/markdownit` dependency using yarn or npm to your project
- Add `@nuxtjs/markdownit` to `modules` section of `nuxt.config.js`
```js
{
  modules: [
    '@nuxtjs/markdownit'
  ],

  // [optional] markdownit options
  // See https://github.com/markdown-it/markdown-it
  markdownit: {
    preset: 'default',
    linkify: true,
    breaks: true,
    use: [
      'markdown-it-div',
      'markdown-it-attrs'
    ]
  }
}
```

## Usage

### Using `.vue` files
**TIP** You can also write Vue logic inside `<template lang="md">`!

`hello.vue`:
```html
<template lang="md">
  # Hello World!

  Current route is: {{ $route.path }}
</template>
```

### Using `.md` files

`hello.md`
```md
# Hello World!!
```

`hello.vue`
```html
<template>
  <div v-html="hello"></div>
</template>

<script>
  import hello from '../hello.md'

  export default {
    computed: {
      hello() {
        return hello
      }
    }
  }
</script>
```

### Using `$md` to render markdown

`nuxt.config.js`:
```js
{
  modules: [
    '@nuxtjs/markdownit'
  ],
  markdownit: {
    runtime: true // Support `$md()`
  }
}
```

`hello.vue`:
```html
<template>
  <div v-html="$md.render(model)"></div>
</template>

<script>
export default {
  data() {
    return {
      model: '# Hello World!'
    }
  }
}
</script>

```
npm package: @nuxtjs/markdownit-loader
Description: Webpack loader to translate markdown to HTML using markdownit.
Author: PointSource, LLC
Latest version: 1.2.0

# markdownit-loader

> Convert Markdown file to HTML using markdown-it.

## Installation

```bash
npm i @nuxtjs/markdownit-loader --save-dev
```

## Features
- Hot reload
- Code highlighting using highlight.js


## Usage
[Documentation: Using loaders](http://webpack.github.io/docs/using-loaders.html)

`webpack.config.js` file (webpack 2.x):

```javascript
module.exports = {
  module: {
    rules: [{
      test: /\.md/,
      loader: 'markdownit-loader'
    }]
  }
};
```

### Passing options to markdown-it

See [markdown-it](https://github.com/markdown-it/markdown-it#init-with-presets-and-options) for a complete list of possible options.

```javascript
module.exports = {
  module: {
    rules: [
      {
        test: /\.md/,
        use: [
          { loader: 'raw-loader' },
          {
            loader: 'markdownit-loader',
            options: {
              // markdown-it config
              preset: 'default',
              breaks: true,

              preprocess: function(markdownIt, source) {
                // do any thing

                return source
              },

              use: [
                /* markdown-it plugin */
                'markdown-it-xxx',

                /* or */
                ['markdown-it-xxx', 'this is options']
              ]
            }
          }
        ]
      }
    ]
  }
};
```

Or you can customize markdown-it

```javascript
var markdown = require('markdown-it')({
  html: true,
  breaks: true
})

markdown
  .use(plugin1)
  .use(plugin2, opts, ...)
  .use(plugin3);

module.exports = {
  module: {
    rules: [
      {
        test: /\.md/,
        use: [
          { loader: 'raw-loader' },
          {
            loader: 'markdownit-loader',
            options: markdown
          }
        ]
      }
    ]
  }
};
```


## Note
Resource references can only use **absolute path**

e.g.

webpack config
```javascript
resolve: {
  alias: {
    src: __dirname + '/src'
  }
}
```

It'is work
```markdown
<img src="~src/images/abc.png">

<script>
  import Image from 'src/images/logo.png'
  import Hello from 'src/components/hello.vue'

  module.exports = {
  }
</script>
```

Incorrect

```markdown
<img src="../images/abc.png">

<script>
  import Image from '../images/logo.png'
  import Hello from './hello.vue'
  module.exports = {
  }
</script>
```


## License
MIT
npm package: @nuxtjs/medusa
Description: Medusa module for Nuxt
Latest version: 1.2.0

# Nuxt Medusa

[![@nuxtjs/medusa](./docs/public/cover.png)](https://medusa.nuxtjs.org)

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

[Medusa](https://medusajs.com) module for Nuxt.

- [▶️  &nbsp;Play online](https://stackblitz.com/github/nuxt-modules/medusa?file=.stackblitz%2Fnuxt.config.ts)
- [📖 &nbsp;Documentation](https://medusa.nuxtjs.org)
- [🎥 &nbsp;Intro video](https://www.youtube.com/watch?v=EuakPz8M7CM)
- [✨ &nbsp;Release Notes](https://github.com/nuxt-modules/medusa/releases)

## Features

- Nuxt 3 ready
- Wrapper around `@medusajs/js-sdk`
- Handy composables like `useMedusaClient`
- Usage in API server routes with `serverMedusaClient`
- TypeScript support

## Quick Setup

1. Add `@nuxtjs/medusa` dependency to your project

```bash
npx nuxi@latest module add medusa
```

2. Create .env file with following `MEDUSA_URL` variable:

```bash
MEDUSA_URL=<YOUR_MEDUSA_URL> # By default http://localhost:9000
```

And that's it! You can now fetch data from Medusa in Nuxt ✨

```vue
<script setup lang="ts">
  const client = useMedusaClient();
  const { products } = await client.store.product.list();
</script>
```

If you are encountering problems with `CORS` from Medusa, make sure that `process.env.STORE_CORS` in `medusa-config.js` file is pointing to your local Nuxt project. By default, Medusa has CORS set for `http://localhost:8000` while Nuxt is running by default on `http://localhost:3000`

## Development

```bash
# Install dependencies
yarn

# Generate type stubs
yarn dev:prepare

# Develop with the playground
yarn dev

# Build the playground
yarn dev:build

# Run ESLint
yarn lint

# Run Vitest
yarn test
yarn test:watch

# Release new version
yarn release
```

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

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

[license-src]: https://img.shields.io/npm/l/@nuxtjs/medusa.svg?style=flat&colorA=18181B&colorB=28CF8D
[license-href]: https://npmjs.com/package/@nuxtjs/medusa
npm package: @nuxtjs/modules
Description: Nuxt Modules
Latest version: 0.12.0

# 📦 Nuxt Modules

<p align="center"><img align="center" src="http://imgur.com/V4LtoII.png"/></p>
<p align="center">
  <a href="https://circleci.com/gh/nuxt/nuxt-modules">
    <img alt="" src="https://img.shields.io/circleci/project/github/nuxt/nuxt-modules/master.svg?style=flat-square">
  </a>
  <a href="https://github.com/nuxt/nuxt-modules"><img src="https://img.shields.io/npm/l/nuxt.svg?style=flat-square" alt="License"></a>
  <a href="https://gitter.im/nuxt/nuxt.js"><img src="https://img.shields.io/badge/GITTER-join%20chat-green.svg?style=flat-square" alt="Gitter"></a>
  <a href="https://donorbox.org/nuxt"><img src="https://img.shields.io/badge/Support%20us-donate-41B883.svg?style=flat-square" alt="Support us"></a>
</p>

## 🛑 Under development.

## Official Modules
- [axios](modules/axios)
- [bootstrap](modules/bootstrap-vue)
- [toast](modules/toast)
- [auth](modules/auth)
- [font-awesome](modules/font-awesome)
- [meta](modules/meta)
- [optimize](modules/optimize)
- [offline](modules/offline)
- [manifest](modules/manifest)
- [vendor](modules/vendor)

# Modules Development Guide
Nuxt has powerful SDK which allows you write your own npm modules and share them with community.
[Guide Coming Soon]

## License
[MIT License](LICENSE.md) - Nuxt.js 2017
npm package: @nuxtjs/motd
Description: Messages of the day lib for Nuxt.js
Author: pimlie
Latest version: 0.1.0

# Nuxt.js MOTD

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![Circle CI][circle-ci-src]][circle-ci-href]
[![Codecov][codecov-src]][codecov-href]
[![Number of Tips][tips-src]][tips-href]

Your source for Nuxt.js tips

## Guidelines for adding a new tip

Thank you for wanting to contribute a Nuxt.js tip. Although we appreciate all contributions, we have to follow some guidelines to make sure that each Nuxt tip we add has an as large as possible impact

A message of the day should be linked to a npm package, that can be one of the Nuxt.js core packages ~~or one from the eco-system~~. For the time being we will only accept tips with regards to functionalities that almost everybody uses. In general that means either one of the core packages or one of the officially supported Nuxt modules

## How to write a good tip

A good tip is:
- short and clear but descriptive
- does not include an opinion (unless it's a widely shared one)
- preferably has a call-to-action
- uses proper English (emoticons are allowed but can be problematic on the console)

Examples:

**Bad**
- You should use the http module and not axios _(opinon and not clear why)_
- Double quotes FTW!! _(uses slang)_
-

**Good**
- Did you know you can use the husky package to run lint automatically when committing on git?
- Most Nuxt.js projects expose a client-side api through window.$nuxt that can be used for e.g. programmatic navigation: window.$nuxt.$router.push('/my-route')


## Where are these Nuxt tips used?

The Nuxt tips are shown both in the [@nuxt/loading-screen](https://github.com/nuxt/loading-screen) as in the banner that is displayed on the [@nuxt/cli](https://github.com/nuxt/nuxt.js/tree/dev/packages/cli) when running the dev server

## License

MIT

<!-- Badges -->
[npm-version-src]: https://img.shields.io/npm/v/@nuxtjs/motd/latest.svg?style=flat-square
[npm-version-href]: https://npmjs.com/package/@nuxtjs/motd

[npm-downloads-src]: https://img.shields.io/npm/dt/@nuxtjs/motd.svg?style=flat-square
[npm-downloads-href]: https://npmjs.com/package/@nuxtjs/motd

[circle-ci-src]: https://img.shields.io/circleci/project/github/@nuxtjs/motd.svg?style=flat-square
[circle-ci-href]: https://circleci.com/gh/@nuxtjs/motd

[codecov-src]: https://img.shields.io/codecov/c/github/@nuxtjs/motd.svg?style=flat-square
[codecov-href]: https://codecov.io/gh/@nuxtjs/motd

[tips-src]: https://img.shields.io/badge/tips%20count-1-blue
[tips-href]: https://github.com/@nuxtjs/motd
npm package: @nuxtjs/netlify-files-module
Description: Nuxt module to create new _headers and _redirects files for Netlify or to use existing ones
Latest version: 0.0.2

# Please use the [correctly named module](https://www.npmjs.com/package/@nuxtjs/netlify-files)

Found at https://www.npmjs.com/package/@nuxtjs/netlify-files
npm package: @nuxtjs/ngrok
Description: Exposes your localhost to the world for easy testing and sharing! No need to mess with DNS or deploy just to have others test out your changes!
Latest version: 4.0.0

![@nuxtjs/ngrok](https://raw.githubusercontent.com/nuxt-modules/ngrok/main/docs/public/cover.jpg)

# Nuxt ngrok

[![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]

Easily expose your Nuxt application to the internet with [ngrok](https://ngrok.com/).

- [✨ &nbsp;Release Notes](/CHANGELOG.md)
- [📖 &nbsp;Documentation](https://ngrok.nuxtjs.org)

## Features

- **Effortless Integration**: Set up ngrok with just one line of configuration.

## Setup

1. Install `@nuxtjs/ngrok`:

```bash
npx nuxi@latest module add ngrok
```

2. Add `@nuxtjs/ngrok` to the `modules` section of `nuxt.config.ts`:

```ts
export default defineNuxtConfig({
  modules: [
    '@nuxtjs/ngrok',
  ],

  ngrok: {
    // module options
  },
})
```
That's it! You can now use `ngrok` in your Nuxt app ✨

> for Nuxt 2 support, please use `@nuxtjs/ngrok@2.0.0` and follow the instructions at [v2.nuxtjs.org](https://v2.nuxtjs.org)

## Options

Add authorization and more using the module options:

```ts
export default defineNuxtConfig({
  modules: [
    '@nuxtjs/ngrok',
  ],

  ngrok: {
    authtoken_from_env: true, // Use NGROK_AUTHTOKEN environment variable
    // authtoken: 'your_ngrok_authtoken', // Or use this option
    auth: 'username:password',
    domain: 'your_custom_domain',
    production: true,
  },

})
```

learn more about the [module options](https://ngrok.nuxtjs.org/options).

## Usage

Now if you run your Nuxt application, you should see a message in your console that shows the ngrok URL.

```bash
✔ Ngrok connected at https://your_ngrok_url
```


## Contribution

<details>
  <summary>Local development</summary>
  
  ```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

  # Release new version
  npm run release
  ```

</details>


<!-- Badges -->
[npm-version-src]: https://img.shields.io/npm/v/@nuxtjs/ngrok/latest.svg?style=flat&colorA=020420&colorB=00DC82
[npm-version-href]: https://npmjs.com/package/@nuxtjs/ngrok

[npm-downloads-src]: https://img.shields.io/npm/dm/@nuxtjs/ngrok.svg?style=flat&colorA=020420&colorB=00DC82
[npm-downloads-href]: https://npmjs.com/package/@nuxtjs/ngrok

[license-src]: https://img.shields.io/npm/l/@nuxtjs/ngrok.svg?style=flat&colorA=020420&colorB=00DC82
[license-href]: https://npmjs.com/package/@nuxtjs/ngrok

[nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt.js
[nuxt-href]: https://nuxt.com
npm package: @nuxtjs/observable
Description: Vue.observable() state module for Nuxt.js
Latest version: 0.0.1-alpha

# @nuxtjs/observable

## Setup

```
npm i @nuxtjs/observable --save
```

## Usage

In `nuxt.config.js`:

```js
export default {
  modules: [
    '@nuxtjs/observable'
  ]
}
```

Add state to `<srcDir>/state.js`:

```js
export default () => ({
  foobar: 123
})
```

Access and modify directly (no commits, no dispatches) `$state` available in `ctx` or `this`.

## Credits

Nuxt.js Team
npm package: @nuxtjs/offline
Description: [![npm](https://img.shields.io/npm/dt/@nuxtjs/offline.svg?style=flat-square)](https://npmjs.com/package/@nuxtjs/offline) [![npm (scoped with tag)](https://img.shields.io/npm/v/@nuxtjs/offline/latest.svg?style=flat-square)](https://npmjs.com/package/@nuxtj
Latest version: 1.0.7
Deprecated: Please use https://pwa.nuxtjs.org

# Offline
[![npm](https://img.shields.io/npm/dt/@nuxtjs/offline.svg?style=flat-square)](https://npmjs.com/package/@nuxtjs/offline)
[![npm (scoped with tag)](https://img.shields.io/npm/v/@nuxtjs/offline/latest.svg?style=flat-square)](https://npmjs.com/package/@nuxtjs/offline)

**This module only works in production mode**

## Note: Please prefer using [pwa-module](https://github.com/nuxt-community/pwa-module) module instead for full offline support.

- Registers service worker
- Scopes `cacheName` to allow having multi apps in same domain.

## Setup
- Add `@nuxtjs/offline` dependency using yarn or npm to your project
- Add `@nuxtjs/offline` to `modules` section of `nuxt.config.js`
```js
  modules: [
    // Simple usage
   '@nuxtjs/offline',

   // With options
   ['@nuxtjs/offline', { /* ... */ }],
  ]
````
npm package: @nuxtjs/onesignal
Description: 👉 Please refer to [nuxt-community/pwa-module](https://github.com/nuxt-community/pwa-module) for documentation.
Latest version: 3.0.0-beta.16

👉 Please refer to [nuxt-community/pwa-module](https://github.com/nuxt-community/pwa-module) for documentation.
npm package: @nuxtjs/optimize
Description: [![npm](https://img.shields.io/npm/dt/@nuxtjs/optimize.svg?style=flat-square)](https://npmjs.com/package/@nuxtjs/optimize) [![npm (scoped with tag)](https://img.shields.io/npm/v/@nuxtjs/optimize/latest.svg?style=flat-square)](https://npmjs.com/package/@nu
Latest version: 1.1.1

# Optimize (Preset)

[![npm](https://img.shields.io/npm/dt/@nuxtjs/optimize.svg?style=flat-square)](https://npmjs.com/package/@nuxtjs/optimize)
[![npm (scoped with tag)](https://img.shields.io/npm/v/@nuxtjs/optimize/latest.svg?style=flat-square)](https://npmjs.com/package/@nuxtjs/optimize)

> Adds more optional optimizers to nuxt project.

## Setup
- Add `@nuxtjs/optimize` dependency using yarn or npm to your project
- Add `@nuxtjs/optimize` to `modules` section of `nuxt.config.js`
```js
{
  modules: [
    // Simple usage
    '@nuxtjs/optimize',
  
    // With options
    ['@nuxtjs/optimize', { /* options */ }],
  ]
}
````

## Modules

### [cssnano](../cssnano)
- options: use `options.cssnano` to customize it.
npm package: @nuxtjs/plugin-utils
Description: [![npm](https://img.shields.io/npm/dt/@nuxtjs/plugin-utils.svg?style=flat-square)](https://npmjs.com/package/@nuxtjs/plugin-utils) [![npm (scoped with tag)](https://img.shields.io/npm/v/@nuxtjs/plugin-utils/latest.svg?style=flat-square)](https://npmjs.com
Latest version: 0.2.4

# plugin-utils
[![npm](https://img.shields.io/npm/dt/@nuxtjs/plugin-utils.svg?style=flat-square)](https://npmjs.com/package/@nuxtjs/plugin-utils)
[![npm (scoped with tag)](https://img.shields.io/npm/v/@nuxtjs/plugin-utils/latest.svg?style=flat-square)](https://npmjs.com/package/@nuxtjs/plugin-utils)

> A helper package for nuxt plugins

### Available features:

## Logging

If your nuxt plugin writes output (during build) you should import the `log` and/or `error` methods. Errors are printed in red and normal logs in purple. It is recommended to use your plugin's package name as the log identifier so users will know from which plugin the message originated.

These log methods are replaced with noop handlers for production builds.

#### Usage
```js
module.exports.meta = require('./package.json')
const log = require('@nuxtjs/plugin-utils').log(module.exports.meta.name)
const error = require('@nuxtjs/plugin-utils').error(module.exports.meta.name)

log('information about what the plugin is doing during build') // printed in purple
error('oops, something went wrong') // printed in red
```
npm package: @nuxtjs/proxy
Description: proxy support for nuxt server
Latest version: 2.1.0

# @nuxtjs/proxy

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![codecov][codecov-src]][codecov-href]
[![license][license-src]][license-href]

> Proxy support for nuxt server

[📖 **Release Notes**](./CHANGELOG.md)

## Features

✓ Path rewrites

✓ Host based router (useful for staging/test)

✓ Logs / Proxy Events

✓ WebSockets

✓ Auth / Cookie

✓ ...See [http-proxy-middleware](https://github.com/chimurai/http-proxy-middleware) docs

⚠ Does not work in generated/static mode!

## Setup

1. Add `@nuxtjs/proxy` dependency to your project

```bash
yarn add @nuxtjs/proxy # or npm install @nuxtjs/proxy
```

2. Add `@nuxtjs/proxy` to the `modules` section of `nuxt.config.js`

```js
{
  modules: [
    // Simple usage
    '@nuxtjs/proxy',

    // With options
    ['@nuxtjs/proxy', { pathRewrite: { '^/api' : '/api/v1' } }]
  ]
}
```

- Define as many as proxy middleware you want in `proxy` section of  `nuxt.config.js` (See [proxy](#proxy) section below)

## Options

- `changeOrigin` and `ws` options are enabled by default.

[optional] You can provide default options to all proxy targets by passing options to module options.

## `proxy`

You can provide proxy config using either object or array.

### Array Config

You can use [shorthand syntax](https://github.com/chimurai/http-proxy-middleware#shorthand) to configure proxy:

```js
{
  proxy: [
    // Proxies /foo to http://example.com/foo
    'http://example.com/foo',

    // Proxies /api/books/*/**.json to http://example.com:8000
    'http://example.com:8000/api/books/*/**.json',

    // You can also pass more options
    [ 'http://example.com/foo', { ws: false } ]
  ]
}
```

### Object Config

Keys are [context](https://github.com/chimurai/http-proxy-middleware#context-matching)

```js
{
  proxy: {
    // Simple proxy
    '/api': 'http://example.com',

    // With options
    '/api2': { target: 'http://example.com', ws: false },

    // Proxy to backend unix socket
    '/api3': {
      changeOrigin: false,
      target: { socketPath: '/var/run/http-sockets/backend.sock' }
    }
  }
}
```

## Development

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

## License

[MIT License](./LICENSE)

Copyright (c) Nuxt Community

<!-- Badges -->
[npm-version-src]: https://img.shields.io/npm/v/@nuxtjs/proxy/latest.svg?style=flat-square
[npm-version-href]: https://npmjs.com/package/@nuxtjs/proxy

[npm-downloads-src]: https://img.shields.io/npm/dt/@nuxtjs/proxy.svg?style=flat-square
[npm-downloads-href]: https://npmjs.com/package/@nuxtjs/proxy

[codecov-src]: https://img.shields.io/codecov/c/github/nuxt-community/proxy-module.svg?style=flat-square
[codecov-href]: https://codecov.io/gh/nuxt-community/proxy-module

[license-src]: https://img.shields.io/npm/l/@nuxtjs/proxy.svg?style=flat-square
[license-href]: https://npmjs.com/package/@nuxtjs/proxy
npm package: @nuxtjs/pwa
Description: Zero config PWA solution for Nuxt.js
Latest version: 3.3.5

# PWA Module

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![Checks][checks-src]][checks-href]
[![Codecov][codecov-src]][codecov-href]

> Zero config PWA solution for Nuxt.js

📖 [**Read Documentation**](https://pwa.nuxtjs.org)

## Development

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

## License

[MIT License](./LICENSE)

Copyright (c) - Nuxt Community

<!-- Badges -->
[npm-version-src]: https://img.shields.io/npm/v/@nuxtjs/pwa/latest.svg?style=flat-square
[npm-version-href]: https://npmjs.com/package/@nuxtjs/pwa

[npm-downloads-src]: https://img.shields.io/npm/dm/@nuxtjs/pwa.svg?style=flat-square
[npm-downloads-href]: https://npmjs.com/package/@nuxtjs/pwa

[checks-src]: https://flat.badgen.net/github/checks/nuxt-community/pwa-module/dev
[checks-href]: https://github.com/nuxt-community/pwa-module/actions

[codecov-src]: https://img.shields.io/codecov/c/github/nuxt-community/pwa-module.svg?style=flat-square
[codecov-href]: https://codecov.io/gh/nuxt-community/pwa-module
npm package: @nuxtjs/pwa-utils
Description: 👉 Please refer to [nuxt-community/pwa-module](https://github.com/nuxt-community/pwa-module) for documentation.
Latest version: 3.0.0-beta.16

👉 Please refer to [nuxt-community/pwa-module](https://github.com/nuxt-community/pwa-module) for documentation.
npm package: @nuxtjs/renovate-config
Description: Nuxt.js presets for Renovate
Latest version: 0.1.2

# Renovate Nuxt Configs

Nuxt.js presets for [Renovate](https://github.com/singapore/renovate) tool.

## Usage

Add this into `renovate.json`:

```json
{
  "extends": [
    "@nuxtjs"
  ]
}
```

## Useful Links

- [Configuration Options](https://renovatebot.com/docs/configuration-options)
- [Renovatebot Presets](https://github.com/renovatebot/presets/tree/master/packages)

## License

MIT - Nuxt.js team
npm package: @nuxtjs/sanity
Description: Sanity integration for Nuxt
Author: Daniel Roe
Latest version: 2.3.0

[![@nuxtjs/sanity](./docs/public/cover.jpg)](https://sanity.nuxtjs.org)

# Nuxt Sanity

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![Codecov][codecov-src]][codecov-href]
[![License][license-src]][license-href]
[![Nuxt][nuxt-src]][nuxt-href]
[![Volta][volta-src]][volta-href]
[![nuxt.care health](https://img.shields.io/endpoint?url=https://nuxt.care/api/badge/sanity)](https://nuxt.care/?search=sanity)

> [Sanity](https://sanity.io/) integration for [Nuxt](https://nuxt.com)

- [✨ &nbsp;Release Notes](https://github.com/nuxt-modules/sanity/releases)
- [📖 &nbsp;Documentation](https://sanity.nuxtjs.org)

## Features

- Just bring your `sanity.config.ts` - no additional configuration required
- Ultra-lightweight Sanity client
- Zero-config image/file components + portable text renderer
- Supports GROQ syntax highlighting

[📖 &nbsp;Read more](https://sanity.nuxtjs.org)

## Quick setup

1. Add `@nuxtjs/sanity` dependency to your project

```bash
npx nuxi@latest module add sanity
```

2. Add `@nuxtjs/sanity` to the `modules` section of `nuxt.config.ts`

```js
{
  modules: [
    '@nuxtjs/sanity',
  ],
  sanity: {
    // module options
  }
}
```

**Note**: For Nuxt 2 support without Bridge, install `@nuxtjs/sanity@0.10.0` and follow the instructions at https://v0.sanity.nuxtjs.org.

## Development

1. Clone this repository
2. Install dependencies using `pnpm install`
3. Stub module with `pnpm dev:prepare`
3. Start development server using `pnpm dev`

## License

[MIT License](./LICENSE)

<!-- Badges -->
[npm-version-src]: https://npmx.dev/api/registry/badge/version/@nuxtjs/sanity
[npm-version-href]: https://npmx.dev/package/@nuxtjs/sanity
[npm-downloads-src]: https://npmx.dev/api/registry/badge/downloads/@nuxtjs/sanity
[npm-downloads-href]: https://npm.chart.dev/@nuxtjs/sanity
[codecov-src]: https://img.shields.io/codecov/c/github/nuxt-modules/sanity.svg?style=flat&colorA=18181B&colorB=28CF8D
[codecov-href]: https://codecov.io/gh/nuxt-modules/sanity
[license-src]: https://npmx.dev/api/registry/badge/license/@nuxtjs/sanity
[license-href]: https://npmx.dev/package/@nuxtjs/sanity
[volta-src]: https://user-images.githubusercontent.com/904724/209143798-32345f6c-3cf8-4e06-9659-f4ace4a6acde.svg
[volta-href]: https://volta.net/nuxt-modules/sanity?utm_source=readme_nuxt_sanity
[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?&logo=nuxt.js
[nuxt-href]: https://nuxt.com
npm package: @nuxtjs/sentry
Description: Sentry module for Nuxt.js
Latest version: 8.0.8

[![@nuxtjs/sentry](docs/static/preview.png)](https://sentry.nuxtjs.org)
# @nuxtjs/sentry

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![Codecov][codecov-src]][codecov-href]
[![Standard JS][standard-js-src]][standard-js-href]

> [Sentry](http://sentry.io) module for [Nuxt 2](https://v2.nuxt.com/). For [Nuxt 3+](https://nuxt.com/) support see the official [`@sentry/nuxt` module](https://docs.sentry.io/platforms/javascript/guides/nuxt/).

- [✨ &nbsp;Release Notes](https://sentry.nuxtjs.org/releases)
- [📖 &nbsp;Documentation](https://sentry.nuxtjs.org)

## Contributing

1. Install dependencies with `yarn`.
2. Run `yarn dev:prepare` to generate stubbed `dist` directory.
3. Make your changes.
4. Run `yarn lint` and `yarn test` to verify that there is no issues (consider adding new test for your changes).
5. Submit a PR.

## License

[MIT License](./LICENSE)

<!-- Badges -->
[npm-version-src]: https://img.shields.io/npm/dt/@nuxtjs/sentry.svg?style=flat-square
[npm-version-href]: https://npmjs.com/package/@nuxtjs/sentry
[npm-downloads-src]: https://img.shields.io/npm/v/@nuxtjs/sentry/latest.svg?style=flat-square
[npm-downloads-href]: https://npmjs.com/package/@nuxtjs/sentry
[codecov-src]: https://img.shields.io/codecov/c/github/nuxt-community/sentry-module.svg?style=flat-square
[codecov-href]: https://codecov.io/gh/nuxt-community/sentry-module
[standard-js-src]: https://img.shields.io/badge/code_style-standard-brightgreen.svg?style=flat-square
[standard-js-href]: https://standardjs.com
npm package: @nuxtjs/separate-env
Description: [![npm (scoped with tag)](https://img.shields.io/npm/v/@nuxtjs/separate-env/latest.svg?style=flat-square)](https://npmjs.com/package/@nuxtjs/separate-env) [![npm](https://img.shields.io/npm/dt/@nuxtjs/separate-env.svg?style=flat-square)](https://npmjs.com
Latest version: 0.0.1

# Separate env module - Tear your variables apart!
[![npm (scoped with tag)](https://img.shields.io/npm/v/@nuxtjs/separate-env/latest.svg?style=flat-square)](https://npmjs.com/package/@nuxtjs/separate-env)
[![npm](https://img.shields.io/npm/dt/@nuxtjs/separate-env.svg?style=flat-square)](https://npmjs.com/package/@nuxtjs/separate-env)
[![Build Status](https://travis-ci.org/nuxt-community/separate-env-module.svg?branch=master)](https://travis-ci.org/nuxt-community/separate-env-module)
[![codecov](https://codecov.io/gh/nuxt-community/separate-env-module/branch/master/graph/badge.svg)](https://codecov.io/gh/nuxt-community/separate-env-module)
[![Dependencies](https://david-dm.org/nuxt-community/separate-env-module/status.svg?style=flat-square)](https://david-dm.org/nuxt-community/separate-env-module)
[![js-standard-style](https://img.shields.io/badge/code_style-standard-brightgreen.svg?style=flat-square)](http://standardjs.com)

>

[📖 **Release Notes**](./CHANGELOG.md)

## Features

* Separated environment variables for `server` and `client` build
* Thoroughly tested!

## Setup

- Add `@nuxtjs/separate-env` dependency to your project using yarn or npm

## Configuration

To define environment variables only available on `server`/`client` side,
use the `env` key of your `nuxt.config.js` and nest the variables
in a `server` or `client` object:

```js
{
  env: {
    server: {
      ONLY_SERVER: 'yup',
      DIFFERENT_ON_BOTH: 'server'
    },
    client: {
      ONLY_CLIENT: 'okay',
      DIFFERENT_ON_BOTH: 'client'
    },
    normalEnvVariableThatWillBeAvailableEverywhere: 'Hi'
  }
}
```

That's it! You are good to go.

## Caveats

**IMPORTANT:** Be aware that `server-side` includes every first render of your application.
Your secret tokens won't be included anywhere **except you use them **

## Development

- Clone this repository
- Install dependencies using `yarn install` or `npm install`
- Start development server using `npm run dev`

## License

[MIT License](./LICENSE)

Copyright (c) Alexander Lichter
npm package: @nuxtjs/speedcurve
Description: Speedcurve LUX integration for Nuxt
Latest version: 1.1.2

# @nuxtjs/speedcurve

[![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]

> [Speedcurve LUX](https://speedcurve.com) integration for [Nuxt](https://nuxtjs.org)

- [✨ **Release Notes**](./CHANGELOG.md)
- [📖 **Documentation**](https://speedcurve.nuxtjs.org)

## Features
- Collect performance metrics from real users
- See Javascript errors in your Speedcurve dashboard
- Add user data to visits to cross reference cohorts and performance
- Create custom performance markers for deep insights
- Minimal configuration with sensible defaults
- On-the-fly runtime config support

## Setup

1. Add `@nuxtjs/speedcurve` dependency to your project

```bash
yarn add @nuxtjs/speedcurve # or npm install @nuxtjs/speedcurve
```

2. Add `@nuxtjs/speedcurve` to the `modules` section of `nuxt.config.js`
```js
{
  modules: [
    // Simple usage
    '@nuxtjs/speedcurve',

    // With options
    ['@nuxtjs/speedcurve', { /* module options */ }]
  ]
}
```
or add options to the `lux` property in your `nuxt.config.js`
```js
{
  modules: ['@nuxtjs/speedcurve'],

  lux: {
    // id: 'YOUR_LUX_ID'
    // debugMode: false,
    // enabled: true,
    // logFirstHit: true,
    // sampleRate: 100,
    // translateBool: true,
    // autoStartOnNav: true
  }
}
```
## Development

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

## License

[MIT License](./LICENSE)

Copyright (c) Josh Deltener <hecktarzuli@gmail.com>

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

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

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

[codecov-src]: https://img.shields.io/codecov/c/github/nuxt-community/speedcurve-module.svg
[codecov-href]: https://codecov.io/gh/nuxt-community/speedcurve-module

[license-src]: https://img.shields.io/npm/l/@nuxtjs/speedcurve.svg
[license-href]: https://npmjs.com/package/@nuxtjs/speedcurve
npm package: @nuxtjs/strapi
Description: Strapi module for Nuxt
Latest version: 2.1.1

[![@nuxtjs/strapi](./docs/public/cover.png)](https://strapi.nuxtjs.org)

# Nuxt Strapi

[![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]
[![Volta][volta-src]][volta-href]

[Strapi](https://strapi.io) module for [Nuxt](https://nuxt.com).

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

## Features

- Nuxt 3 ready
- Strapi v5/v4/v3 compatible
- Authentication support
- RESTful methods
- Handle errors with hooks
- TypeScript support

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

> If you want to use this module for Nuxt 2, check out the documentation of the v0 of the module: http://strapi-v0.nuxtjs.org/.

## Development

1. Clone this repository
2. Install dependencies using `yarn install` or `npm install`
3. Build module using `yarn build` or `npm run build` to build once
   - Use `yarn build --stub` or `npm run build --stub` during active development
4. 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/strapi/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-version-href]: https://npmjs.com/package/@nuxtjs/strapi

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

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

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

[volta-src]: https://user-images.githubusercontent.com/904724/209143798-32345f6c-3cf8-4e06-9659-f4ace4a6acde.svg
[volta-href]: https://volta.net/nuxt-modules/strapi?utm_source=nuxt_strapi_readme
npm package: @nuxtjs/strapi-edge
Description: Strapi module for Nuxt
Latest version: 2.1.1-29308786.7ea1923

[![@nuxtjs/strapi](./docs/public/cover.png)](https://strapi.nuxtjs.org)

# Nuxt Strapi

[![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]
[![Volta][volta-src]][volta-href]

[Strapi](https://strapi.io) module for [Nuxt](https://nuxt.com).

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

## Features

- Nuxt 3 ready
- Strapi v5/v4/v3 compatible
- Authentication support
- RESTful methods
- Handle errors with hooks
- TypeScript support

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

> If you want to use this module for Nuxt 2, check out the documentation of the v0 of the module: http://strapi-v0.nuxtjs.org/.

## Development

1. Clone this repository
2. Install dependencies using `yarn install` or `npm install`
3. Build module using `yarn build` or `npm run build` to build once
   - Use `yarn build --stub` or `npm run build --stub` during active development
4. 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/strapi/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-version-href]: https://npmjs.com/package/@nuxtjs/strapi

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

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

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

[volta-src]: https://user-images.githubusercontent.com/904724/209143798-32345f6c-3cf8-4e06-9659-f4ace4a6acde.svg
[volta-href]: https://volta.net/nuxt-modules/strapi?utm_source=nuxt_strapi_readme
npm package: @nuxtjs/supabase
Description: Supabase module for Nuxt
Latest version: 2.0.5

[![@nuxtjs/supabase](https://supabase.nuxtjs.org/social-card.png)](https://supabase.nuxtjs.org)

# Nuxt Supabase

[![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]
[![Volta][volta-src]][volta-href]

> [Supabase](https://supabase.com) module for [Nuxt](https://v3.nuxtjs.org)

- [✨ &nbsp;Changelog](https://supabase.nuxtjs.org/changelog)
- [📖 &nbsp;Read the documentation](https://supabase.nuxtjs.org)
- [▶ &nbsp;Video](https://www.youtube.com/watch?v=jIyiRT6zT8Q)
- [👾 &nbsp;Demo](./demo)

## Features

- Nuxt 3 and 4 ready
- Vue 3 composables
- Usage in API server routes
- Authentication support
- Use supabase-js isomorphic client
- TypeScript support

## Usage

Check out https://supabase.nuxtjs.org

## Nuxt 2

If you are looking for a solution with Nuxt 2, check out https://github.com/supabase-community/nuxt-supabase

## Development

1. Clone this repository
2. Install dependencies using `pnpm install`
3. Prepare development server using `pnpm dev:prepare`
4. Build module using `pnpm build`
5. Launch playground using `pnpm dev`

## License

[MIT License](./LICENSE)

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

[npm-downloads-src]: https://img.shields.io/npm/dt/@nuxtjs/supabase.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-downloads-href]: https://npm.chart.dev/@nuxtjs/supabase

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

[codecov-src]: https://img.shields.io/codecov/c/github/nuxt-community/supabase-module.svg?style=flat&colorA=18181B&colorB=28CF8D
[codecov-href]: https://codecov.io/gh/nuxt-community/supabase-module

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

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

[volta-src]: https://user-images.githubusercontent.com/904724/209143798-32345f6c-3cf8-4e06-9659-f4ace4a6acde.svg
[volta-href]: https://volta.net/nuxt-modules/supabase?utm_source=readme_nuxt_supabase
npm package: @nuxtjs/tailwindcss
Description: Tailwind CSS module for Nuxt
Latest version: 6.14.0

[![@nuxtjs/tailwindcss](https://tailwindcss.nuxtjs.org/social-card.png)](https://tailwindcss.nuxtjs.org)

# Nuxt Tailwind

[![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]
[![Tailwind CSS][tw-src]][tw-href]

Enable [Tailwind CSS](https://tailwindcss.com) for [Nuxt](https://nuxt.com) ⚡️

[📖 &nbsp;Documentation](https://tailwindcss.nuxtjs.org) | [▶️ Play online](https://stackblitz.com/github/nuxt-modules/tailwindcss) | [✨ &nbsp;Release Notes](https://github.com/nuxt-modules/tailwindcss/releases)

## Features

- 👌&nbsp; Zero configuration to start
- 📦&nbsp; Extendable by [Nuxt modules](https://nuxt.com/modules) using [hooks](https://tailwindcss.nuxtjs.org/tailwindcss/config#hooks)

## Quick Setup

Add `@nuxtjs/tailwindcss` using the [Nuxt CLI](https://github.com/nuxt/cli) to your project

```bash
npx nuxi@latest module add tailwindcss
```

<details>

<summary>..or install using your dependency manager</summary>

```bash
# Using pnpm
pnpm add --save-dev @nuxtjs/tailwindcss

# Using yarn
yarn add --dev @nuxtjs/tailwindcss

# Using npm
npm install --save-dev @nuxtjs/tailwindcss
```

and then to the `modules` section of `nuxt.config.{ts,js}`

```ts
export default defineNuxtConfig({
  modules: [
    '@nuxtjs/tailwindcss'
  ]
})
```

</details>


That's it! You can now use Tailwind classes in your Nuxt app ✨

## Contributing

You can contribute to this module online:

[![Edit @nuxtjs/tailwindcss in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/nuxt-modules/tailwindcss/tree/main/?fontsize=14&hidenavigation=1&theme=dark)
[![Edit @nuxtjs/tailwindcss in Codeflow](https://developer.stackblitz.com/img/open_in_codeflow.svg)](https://pr.new/nuxt-modules/tailwindcss)

<details>
<summary>..or locally</summary>

1. Clone this repository
2. Install dependencies using `pnpm i`
3. Prepare for development using `pnpm dev:prepare`
4. Start development server using `pnpm dev`

</details>

## License

[MIT](./LICENSE) - Made with 💚

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

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

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

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

[tw-src]: https://img.shields.io/badge/tailwindcss-0F172A?&logo=tailwindcss
[tw-href]: https://tailwindcss.com
npm package: @nuxtjs/toast
Description: [![npm](https://img.shields.io/npm/dt/@nuxtjs/toast.svg?style=flat-square)](https://npmjs.com/package/@nuxtjs/toast) [![npm (scoped with tag)](https://img.shields.io/npm/v/@nuxtjs/toast/latest.svg?style=flat-square)](https://npmjs.com/package/@nuxtjs/toas
Latest version: 3.3.1

# Toast
[![npm](https://img.shields.io/npm/dt/@nuxtjs/toast.svg?style=flat-square)](https://npmjs.com/package/@nuxtjs/toast)
[![npm (scoped with tag)](https://img.shields.io/npm/v/@nuxtjs/toast/latest.svg?style=flat-square)](https://npmjs.com/package/@nuxtjs/toast)

> 😍 Responsive Touch Compatible Toast plugin for Nuxt.js using [vue-toasted](https://github.com/shakee93/vue-toasted)

## Setup
- Add `@nuxtjs/toast` dependency using yarn or npm to your project
- Add `@nuxtjs/toast` to `compilerOptions`/`types` section of `tsconfig.json` to add typescript support [optional]
- Add `@nuxtjs/toast` to `modules` section of `nuxt.config.js`

```js
{
  modules: [
   '@nuxtjs/toast',
  ],

  toast: {
      position: 'top-center',
      register: [ // Register custom toasts
        {
          name: 'my-error',
          message: 'Oops...Something went wrong',
          options: {
            type: 'error'
          }
        }
      ]
  }
}
```

If you need material icons, you have to manually install `material-design-icons` dependency too.

## Usage
You can use **$toast** (instead of `$toasted`) in almost any context using `app.$toast` or `this.$toast` (Including store actions).

See [toasted official docs](https://github.com/shakee93/vue-toasted) for more usage information.

```js
export default {
   methods:{
     async login() {
         try {
             this.$toast.show('Logging in...')
             await this.$axios.$post('auth/login')
             this.$toast.success('Successfully authenticated')
         } catch(e){
             this.$toast.global.my_error() //Using custom toast
             this.$toast.error('Error while authenticating')
         }
     }  
   }
}
```
npm package: @nuxtjs/vendor
Description: [![npm](https://img.shields.io/npm/dt/@nuxtjs/vendor.svg?style=flat-square)](https://npmjs.com/package/@nuxtjs/vendor) [![npm (scoped with tag)](https://img.shields.io/npm/v/@nuxtjs/vendor/latest.svg?style=flat-square)](https://npmjs.com/package/@nuxtjs/v
Latest version: 1.1.7

# Vendor
[![npm](https://img.shields.io/npm/dt/@nuxtjs/vendor.svg?style=flat-square)](https://npmjs.com/package/@nuxtjs/vendor)
[![npm (scoped with tag)](https://img.shields.io/npm/v/@nuxtjs/vendor/latest.svg?style=flat-square)](https://npmjs.com/package/@nuxtjs/vendor)

> This awesome little modules creates *junction symlinks* from `node_modules` into `static/vendor`
so you can directly serve node modules inside web. Useful for runtime dependencies.
  
## Usage
 
- Add `@nuxtjs/vendor` dependency using yarn or npm to your project
- Add `@nuxtjs/vendor` to `modules` section of `nuxt.config.js`
```js
{
  modules: [
    '@nuxtjs/vendor',
  ]
}
````
- Define your dependencies in `nuxt.config.json` inside `vendor` section
```js
{
    vendor: [ 'ckeditor' ]
}
```
- Add `/static/vendor` to `.gitignore`