NuxtJs RTLCSS Module

NuxtJs RTLCSS Module to build Cascading Style Sheets (CSS) with Left-To-Right (LTR) and Right-To-Left (RTL) rules using RTLCSS PostCss Plugin

• ✨  Release Notes

Features

• 🙂  Auto RTL All Styles
• ⛰ Nuxt 3

Quick Setup

1. Add nuxt-rtlcss dependency to your project

# Using pnpm
pnpm add -D nuxt-rtlcss

# Using yarn
yarn add --dev nuxt-rtlcss

# Using npm
npm install --save-dev nuxt-rtlcss

2. Add nuxt-rtlcss to the modules section of nuxt.config.ts

export default defineNuxtConfig({
  modules: [
    // "@nuxtjs/tailwindcss" or any styled base module
    // ...
    "nuxt-rtlcss",
  ],
  rtlcss: {
    // ... options
  },
});

⚠️ make sure load rtlcss module at the end of modules list.

That's it! You can now use RTLCSS Module in your Nuxt app ✨

Options

• Add nuxt-rtlcss to the root of nuxt.config.ts
• Read options and more informations at elchininet/postcss-rtlcss repository

Development

# Install dependencies
pnpm install

# Generate type stubs
pnpm run dev:prepare

# Develop with the playground
pnpm run dev

# Build the playground
pnpm run dev:build

# Run ESLint
pnpm run lint

# Run Vitest
pnpm run test
pnpm run test:watch

# Release new version
pnpm run release