@luciorubeens/nuxt-404 v0.1.0

Installation

yarn add @luciorubeens/nuxt-404
# or
npm i @luciorubeens/nuxt-404

Setup

Add @luciorubeens/nuxt-404 to modules section of nuxt.config.js:

{
  modules: [
    '@luciorubeens/nuxt-404',
  ],
  p404: {
    // Manipulate module options (see below)
  }
}

Options

Usage

Specific illustrations

{
  modules: [
    '@luciorubeens/nuxt-404',
  ],
  p404: {
    names: ['Confused Travolta', 'Space']
  }
}

Custom options

{
  modules: [
    '@luciorubeens/nuxt-404',
  ],
  p404: {
    title: '404',
    colorBg: '#FFFFFF',
    colorText: '#333333'
  }
}

Illustrations

Click on the name to see the illustration.

Disclaimer

The illustrations are not my own, most are from Kapwing including the texts and colors. Below you can see the original page not found from the source:

• Kapwing 404 Illustrations
• Ionic Framework
• unDraw
• Nuxt.js
• Mailchimp

Contribute

1. Fork this repository to your own GitHub account and then clone it to your local device
2. Install dependencies using Yarn: yarn install
3. Make the necessary changes and ensure that the tests are passing using yarn test
4. Send a pull request 🙌