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

1# Using pnpm
2pnpm add -D nuxt-rtlcss
3
4# Using yarn
5yarn add --dev nuxt-rtlcss
6
7# Using npm
8npm install --save-dev nuxt-rtlcss

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

1export default defineNuxtConfig({
2  modules: [
3    // "@nuxtjs/tailwindcss" or any styled base module
4    // ...
5    "nuxt-rtlcss",
6  ],
7  rtlcss: {
8    // ... options
9  },
10});

⚠️ 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

1# Install dependencies
2pnpm install
3
4# Generate type stubs
5pnpm run dev:prepare
6
7# Develop with the playground
8pnpm run dev
9
10# Build the playground
11pnpm run dev:build
12
13# Run ESLint
14pnpm run lint
15
16# Run Vitest
17pnpm run test
18pnpm run test:watch
19
20# Release new version
21pnpm run release