@morpheme/nuxt
v1.0.0-rc.11
Published
Nuxt module for Morpheme UI
Downloads
804
Readme
Nuxt Morpheme UI
Morpheme UI + Nuxt 3.
Installation
- Install Nuxt Morpheme UI
yarn add @morpheme/nuxt
- Install
@nuxtjs/tailwindcss
andsass
yarn add --dev @nuxtjs/tailwindcss sass
- Add it to your
modules
section in yournuxt.config.ts
:
import {defineNuxtConfig} from 'nuxt';
export default defineNuxtConfig({
modules: ['@morpheme/nuxt', '@nuxtjs/tailwindcss'],
morpheme: {
theme: 'morpheme',
sass: true,
darkMode: false,
},
});
Create your tailwind.config.js
by running:
npx tailwindcss init -p
Update your tailwind.config.js
:
module.exports = {
content: ['./node_modules/@morpheme/**/src/**/*.{vue,js,ts,jsx,tsx,css}'],
presets: [require('@morpheme/tailwind-config/preset')],
};
Run the development server:
yarn dev
Development
- Run
npm run dev:prepare
to generate type stubs. - Use
npm run dev
to start playground in development mode.