GitHub - nuxt-modules/emotion: 💖 Emotion module for Nuxt.js (original) (raw)

Skip to content

Navigation Menu

• • GitHub Copilot Write better code with AI
  • GitHub Advanced Security Find and fix vulnerabilities
  • Actions Automate any workflow
  • Codespaces Instant dev environments
  • Issues Plan and track work
  • Code Review Manage code changes
  • Discussions Collaborate outside of code
  • Code Search Find more, search less
• Explore
  • Learning Pathways
  • Events & Webinars
  • Ebooks & Whitepapers
  • Customer Stories
  • Partners
  • Executive Insights
• • GitHub Sponsors Fund open source developers
  • The ReadME Project GitHub community articles
• • Enterprise platform AI-powered developer platform
• Pricing

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Sign up

Appearance settings

@nuxtjs/emotion

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

1. Add @nuxtjs/emotion dependency to your project

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

1. 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

Copyright (c) Nuxt Community