fix: remove postcss-rtlcss-extra

chore: update dependencies

.npmrc

@@ -1 +1,2 @@
-shamefully-hoist=true
+shamefully-hoist=true
+strict-peer-dependencies=false

eslint.config.mjs

@@ -16,6 +16,5 @@ export default createConfigForNuxt({
   },
 })
   .append(
-  // your custom flat config here...
-)
-
+    // your custom flat config here...
+  )

package.json

@@ -41,27 +41,27 @@
     "dev:build": "nuxi build playground",
     "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
     "release": "npm run lint && npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
-    "lint": "eslint .",
+    "lint": "eslint . --fix",
     "test": "vitest run",
     "test:watch": "vitest watch",
     "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.11.2",
-    "postcss-rtlcss-extra": "^0.0.9"
+    "@nuxt/kit": "^3.13.1"
   },
   "devDependencies": {
-    "@nuxt/devtools": "^1.2.0",
-    "@nuxt/eslint-config": "^0.3.10",
-    "@nuxt/module-builder": "^0.6.0",
-    "@nuxt/schema": "^3.11.2",
-    "@nuxt/test-utils": "^3.12.1",
-    "@types/node": "^20.12.11",
+    "@nuxt/devtools": "^1.4.1",
+    "@nuxt/eslint-config": "^0.5.5",
+    "@nuxt/module-builder": "^0.8.3",
+    "@nuxt/schema": "^3.13.1",
+    "@nuxt/test-utils": "^3.14.1",
+    "@types/node": "latest",
     "changelogen": "^0.5.5",
-    "eslint": "^9.2.0",
-    "nuxt": "^3.11.2",
+    "eslint": "^9.9.1",
+    "nuxt": "^3.13.0",
+    "postcss-rtlcss": "^5.4.0",
     "typescript": "latest",
-    "vitest": "^1.6.0",
-    "vue-tsc": "^2.0.16"
+    "vitest": "^2.0.5",
+    "vue-tsc": "^2.1.6"
   }
-}
+}

playground/app.vue

@@ -1,14 +1,22 @@
 <template>
   <div>RTLCSS Nuxt module playground!</div>
   <div style="border: 3px solid #222">
-    <div class="test">i'm auto rtl</div>
+    <div class="test">
+      i'm auto rtl
+    </div>
   </div>
-  <div dir="rtl" style="border: 3px solid #222">
-    <div class="test">i'm auto rtl</div>
+  <div
+    dir="rtl"
+    style="border: 3px solid #222"
+  >
+    <div class="test">
+      i'm auto rtl
+    </div>
   </div>
 </template>
 
 <script setup></script>
+
 <style>
 .test {
   height: 100px;

playground/nuxt.config.ts

@@ -1,5 +1,6 @@
 export default defineNuxtConfig({
-  modules: ["../src/module"],
+  modules: ['../src/module'],
   rtlcss: {},
   devtools: { enabled: true },
-});
+  compatibilityDate: '2024-09-10',
+})

playground/package.json

@@ -7,7 +7,7 @@
     "build": "nuxi build",
     "generate": "nuxi generate"
   },
-  "devDependencies": {
-    "nuxt": "latest"
+  "dependencies": {
+    "nuxt": "^3.13.1"
   }
 }