refactor: migrate to Tailwind v4

slipmatio · Jan 9, 2025 · 8fe90b8 · 8fe90b8
1 parent c2e0001
commit 8fe90b8
Show file tree

Hide file tree

Showing 12 changed files with 1,024 additions and 994 deletions.
diff --git a/.github/renovate.json b/.github/renovate.json
@@ -1,15 +1,29 @@
 {
-  "extends": ["config:recommended", "group:all", "schedule:weekly"],
+  "extends": ["config:recommended"],
   "enabledManagers": ["npm", "github-actions"],
+  "lockFileMaintenance": {
+    "enabled": true,
+    "automerge": true
+  },
   "packageRules": [
     {
       "matchManagers": ["npm"],
+      "matchUpdateTypes": ["patch"],
+      "enabled": false
+    },
+    {
+      "matchManagers": ["npm"],
+      "groupName": "npm-dependencies",
+      "groupSlug": "frontend",
+      "automerge": true,
       "minimumReleaseAge": "3 days",
-      "automerge": true
+      "automergeSchedule": ["after 4am and before 8am on Monday and Thursday"]
     },
     {
-      "rangeStrategy": "auto",
-      "matchPackageNames": ["/npm/"]
+      "matchManagers": ["github-actions"],
+      "automerge": true,
+      "minimumReleaseAge": "3 days",
+      "automergeSchedule": ["after 4am and before 8am on Monday and Thursday"]
     }
   ],
   "timezone": "Europe/Helsinki",

diff --git a/.github/workflows/tests.yml b/.github/workflows/tests.yml
@@ -5,18 +5,18 @@ on:
     branches:
       - main
     paths:
-      - '.github/workflows/tests.yml'
-      - 'pnpm-lock.yaml'
-      - 'src/**/*.ts'
-      - 'src/**/*.vue'
-      - 'tests/**/*.ts'
+      - ".github/workflows/tests.yml"
+      - "pnpm-lock.yaml"
+      - "src/**/*.ts"
+      - "src/**/*.vue"
+      - "tests/**/*.ts"
   pull_request:
     paths:
-      - '.github/workflows/tests.yml'
-      - 'pnpm-lock.yaml'
-      - 'src/**/*.ts'
-      - 'src/**/*.vue'
-      - 'tests/**/*.ts'
+      - ".github/workflows/tests.yml"
+      - "pnpm-lock.yaml"
+      - "src/**/*.ts"
+      - "src/**/*.vue"
+      - "tests/**/*.ts"
   workflow_dispatch:
 
 concurrency:
@@ -34,7 +34,7 @@ jobs:
 
     steps:
       - uses: actions/checkout@v4.2.2
-      - uses: actions/cache@v4.1.2
+      - uses: actions/cache@v4.2.0
         with:
           path: /home/runner/.local/share/pnpm/store
           key: ${{ runner.os }}-${{ hashFiles('**/pnpm-lock.yaml') }}
@@ -47,7 +47,7 @@ jobs:
       - uses: actions/setup-node@v4.1.0
         with:
           node-version: 22
-          cache: 'pnpm'
+          cache: "pnpm"
 
       - name: Type Check
         run: pnpm ts
@@ -71,7 +71,7 @@ jobs:
       - name: Run e2e tests
         run: pnpm test:ci-e2e
 
-      - uses: actions/upload-artifact@v4.4.3
+      - uses: actions/upload-artifact@v4.5.0
         if: always()
         with:
           name: playwright-report

diff --git a/CHANGES.md b/CHANGES.md
@@ -1,5 +1,9 @@
 # @slipmatio/ui
 
+### 0.3.0 - (2025-01-09)
+
+- Refactor: upgraded to Tailwind 4.0 (beta).
+
 ### 0.2.2 - (2024-11-28)
 
 - Fix: fixed CSS import.

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@slipmatio/ui",
-  "version": "0.2.2",
+  "version": "0.3.0",
   "type": "module",
   "description": "Common UI components for Slipmat.io projects",
   "author": {
@@ -51,34 +51,33 @@
     "coverage": "DEBUG=0 vitest run --coverage"
   },
   "devDependencies": {
-    "@playwright/test": "1.49.0",
-    "@slipmatio/tailwind-config": "3.0.0",
+    "@playwright/test": "^1.49.1",
+    "@tailwindcss/postcss": "4.0.0-beta.8",
+    "@tailwindcss/vite": "4.0.0-beta.8",
     "@tsconfig/node22": "^22.0.0",
-    "@types/node": "22.10.0",
-    "@typescript-eslint/eslint-plugin": "8.16.0",
-    "@vitejs/plugin-vue": "5.2.1",
-    "@vitest/coverage-v8": "2.1.6",
-    "@vitest/eslint-plugin": "1.1.11",
-    "@vue/eslint-config-prettier": "10.1.0",
-    "@vue/eslint-config-typescript": "14.1.4",
-    "@vue/test-utils": "2.4.6",
-    "@vue/tsconfig": "0.6.0",
-    "autoprefixer": "10.4.20",
-    "eslint-plugin-playwright": "2.1.0",
-    "eslint-plugin-security": "3.0.1",
-    "eslint-plugin-vue": "9.31.0",
-    "happy-dom": "15.11.6",
-    "postcss": "8.4.49",
-    "tailwindcss": "3.4.15",
-    "typescript": "5.6.3",
-    "vite": "6.0.0",
-    "vite-plugin-dts": "4.3.0",
-    "vitest": "2.1.6",
-    "vue": "3.5.13",
-    "vue-tsc": "2.1.10"
+    "@types/node": "^22.10.5",
+    "@typescript-eslint/eslint-plugin": "^8.19.1",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "@vitest/coverage-v8": "3.0.0-beta.4",
+    "@vitest/eslint-plugin": "^1.1.24",
+    "@vue/eslint-config-prettier": "^10.1.0",
+    "@vue/eslint-config-typescript": "^14.2.0",
+    "@vue/test-utils": "^2.4.6",
+    "@vue/tsconfig": "^0.7.0",
+    "autoprefixer": "^10.4.20",
+    "eslint-plugin-playwright": "^2.1.0",
+    "eslint-plugin-security": "^3.0.1",
+    "eslint-plugin-vue": "^9.32.0",
+    "happy-dom": "^16.5.3",
+    "tailwindcss": "4.0.0-beta.8",
+    "typescript": "^5.7.3",
+    "vite": "^6.0.7",
+    "vite-plugin-dts": "^4.4.0",
+    "vitest": "3.0.0-beta.4",
+    "vue": "^3.5.13",
+    "vue-tsc": "^2.2.0"
   },
   "peerDependencies": {
-    "@slipmatio/tailwind-config": "3",
     "vue": "3"
   },
   "engines": {