https://github.com/codebender828/nuxt.emotion
https://github.com/codebender828/nuxt.emotion
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/codebender828/nuxt.emotion
- Owner: codebender828
- License: mit
- Created: 2023-01-21T06:15:51.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-01-21T09:40:39.000Z (over 3 years ago)
- Last Synced: 2025-04-02T14:50:39.432Z (about 1 year ago)
- Language: TypeScript
- Size: 233 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
@vable/nuxt.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
**IMPORTANT NOTE:** This module requires new hooks that works with nuxt `2.5.0` or `nuxt-edge` only.
1. Add `@vable/nuxt.emotion` dependency to your project
```bash
yarn add @vable/nuxt.emotion # or npm install @vable/nuxt.emotion
```
2. Add `@vable/nuxt.emotion` to the `modules` section of `nuxt.config.js`
```js
export default {
modules: [
'@vable/nuxt.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