πŸ’– Emotion module for Nuxt.js
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.

README.md

emotion

Emotion Module

npm version npm downloads Circle CI Codecov Dependencies Standard JS

Emotion support 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

IMPORTANT NOTE: This module requres new hooks that works with nuxt 2.5.0 or nuxt-edge only.

  • Add @nuxtjs/emotion dependency using yarn or npm to your project

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

{
  modules: [
    '@nuxtjs/emotion'
 ],
 emotion: {

 }
}

Options

ssr

  • Default: 'critical'

Can be 'critical' or 'render' or false.

In the critical mode, module automatically injects window.$emotionSSRIds for hydration.

babel

  • Default: { inline: true }

Options for babel-plugin-emotion integration.

Can be disabled by setting to false.

Development

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

License

MIT License

Copyright (c) pooya parsa pooya@pi0.ir