@nuxtjs/emotion
The Next Generation of CSS-in-JS for Nuxt.js
Last updated 2 years ago by pi0 .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install @nuxtjs/emotion 
SYNC missed versions from official npm registry.

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

Current Tags

  • 0.0.1                                ...           latest (2 years ago)

2 Versions

  • 0.0.1                                ...           2 years ago
  • 0.0.0                                ...           2 years ago
Downloads
Today 2
This Week 3
This Month 6
Last Day 0
Last Week 1
Last Month 7
Dependencies (3)
Dependents (1)

Copyright 2014 - 2017 © taobao.org |