Awesome

<p align="center" style="color: #343a40"> <img src="https://cdn.rawgit.com/tkh44/emotion/master/emotion.png" alt="emotion" height="150" width="150"> <h1 align="center">@nuxtjs/emotion</h1> </p> <p align="center"> <a href="https://npmjs.com/package/@nuxtjs/emotion"><img src="https://img.shields.io/npm/v/@nuxtjs/emotion/latest.svg?style=flat-square" alt="npm version"></a> <a href="https://npmjs.com/package/@nuxtjs/emotion"><img src="https://img.shields.io/npm/dt/@nuxtjs/emotion.svg?style=flat-square" alt="npm downloads"></a> <a href="https://github.com/nuxt-community/emotion-module/actions?query=workflow%3Aci"><img src="https://github.com/nuxt-community/emotion-module/workflows/ci/badge.svg" alt="circle ci"></a> <a href="https://codecov.io/gh/nuxt-community/emotion-module"><img src="https://img.shields.io/codecov/c/github/nuxt-community/emotion-module.svg?style=flat-square" alt="coverage"></a> <a href="https://npmjs.com/package/@nuxtjs/emotion"><img src="https://img.shields.io/npm/l/@nuxtjs/emotion.svg?style=flat-square" alt="License"></a> </p>

Emotion module for Nuxt.js

Features

Server Side Rendering (SSR)
Critical Path CSS with Hydration
Hot Reloads (HMR)
Style inlining
Minification
Dead Code Elimination
Source Maps
Contextual Class Names

📖 Release Notes

Setup

Add @nuxtjs/emotion dependency to your project

yarn add @nuxtjs/emotion # or npm install @nuxtjs/emotion

Add @nuxtjs/emotion to the modules section of nuxt.config.js

export default {
  modules: [
    '@nuxtjs/emotion',
  ]
}

Nuxt 2

Nuxt 2 is supported with @nuxtjs/emotion@0.1.0, Documentation is on https://github.com/nuxt-community/emotion-module/tree/v0 and the code on the v0 branch.

Development

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

License

MIT License