https://github.com/nuxt-modules/emotion
💖 Emotion module for Nuxt.js
https://github.com/nuxt-modules/emotion
css-in-js emotion nuxt nuxt-module vue
Last synced: 12 months ago
JSON representation
💖 Emotion module for Nuxt.js
- Host: GitHub
- URL: https://github.com/nuxt-modules/emotion
- Owner: nuxt-modules
- License: mit
- Created: 2019-02-09T19:56:26.000Z (about 7 years ago)
- Default Branch: main
- Last Pushed: 2025-03-25T14:00:16.000Z (12 months ago)
- Last Synced: 2025-03-28T12:09:04.351Z (12 months ago)
- Topics: css-in-js, emotion, nuxt, nuxt-module, vue
- Language: TypeScript
- Homepage: https://emotion.sh
- Size: 1020 KB
- Stars: 90
- Watchers: 8
- Forks: 4
- Open Issues: 17
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
@nuxtjs/emotion
> [Emotion](https://emotion.sh) module for [Nuxt.js](https://nuxtjs.org)
## 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**](./CHANGELOG.md)
## Setup
1. Add `@nuxtjs/emotion` dependency to your project
```bash
yarn add @nuxtjs/emotion # or npm install @nuxtjs/emotion
```
2. Add `@nuxtjs/emotion` to the `modules` section of `nuxt.config.js`
```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`](https://github.com/nuxt-community/emotion-module/tree/v0) branch.
## 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) Nuxt Community