chore(deps): bump package versions

.changeset/afraid-mice-suffer.md

@@ -0,0 +1,19 @@
+---
+'@alanlu-dev/markdownlint-config': patch
+'@alanlu-dev/lint-staged-config': patch
+'@alanlu-dev/release-it-config': patch
+'@alanlu-dev/commitlint-config': patch
+'@alanlu-dev/mastercss-helpers': patch
+'@alanlu-dev/stylelint-config': patch
+'@alanlu-dev/mastercss-config': patch
+'@alanlu-dev/prettier-config': patch
+'@alanlu-dev/eslint-config': patch
+'@alanlu-dev/changeset': patch
+'@alanlu-dev/playwright-config': patch
+'@alanlu-dev/tsconfig': patch
+'@alanlu-dev/scss': patch
+'@alanlu-dev/types': patch
+'@alanlu-dev/utils': patch
+---
+
+chore(deps): bump package versions

.github/workflows/ci.yml

@@ -68,7 +68,7 @@ jobs:
     strategy:
       matrix:
         os: [ubuntu-latest]
-        node_version: [20]
+        node_version: [20, 22]
         # node_version: [18, 20]
         # include:
         #   # Active LTS + other OS

.nvmrc

@@ -1 +1 @@
-v20.18.0
+v22.12.0

.vscode/.cspell/other.txt

@@ -5,22 +5,28 @@ autorestart
 bluewood
 breakline
 datetime
+eslintcache
 evenodd
 Fira
+formatcache
 fullname
 infile
 jiti
+lintcache
 multistep
 noborder
 noobserver
 Noto
 Overriden
 preinstall
+prettiercache
 shellcheck
 stroustrup
 toggleable
+tsbuildinfo
 typecheck
+typecheckcache
 unref
+viewports
 wght
 zod's
-viewports

.vscode/.cspell/repo.txt

@@ -15,13 +15,15 @@ markdownlint
 maska
 mastercss
 mcss
+nitropack
 notionhq
 nuxt
 nuxtjs
 persistedstate
 pinia
 postcss
 resvg
+shadcn
 splide
 splidejs
 Stylelint
@@ -31,6 +33,7 @@ toastify
 tseslint
 tsup
 Turborepo
+unhead
 unplugin
 unstorage
 versionrc

.vscode/extensions.json

@@ -1,3 +1,10 @@
 {
-  "recommendations": ["EditorConfig.EditorConfig", "dbaeumer.vscode-eslint", "esbenp.prettier-vscode", "DavidAnson.vscode-markdownlint", "streetsidesoftware.code-spell-checker"]
+  "recommendations": [
+    "EditorConfig.EditorConfig",
+    "dbaeumer.vscode-eslint",
+    "esbenp.prettier-vscode",
+    "DavidAnson.vscode-markdownlint",
+    "streetsidesoftware.code-spell-checker",
+    "yoavbls.pretty-ts-errors"
+  ]
 }

.vscode/settings.json

@@ -4,28 +4,25 @@
   "[markdown]": {
     "editor.defaultFormatter": "DavidAnson.vscode-markdownlint"
   },
-
   "editor.formatOnPaste": false, // required
   "editor.formatOnType": false, // required
   "editor.formatOnSave": false, // optional, if you use ESlint，this should be false
   "editor.formatOnSaveMode": "file", // required to format on save
-
-  "editor.quickSuggestions": {
-    "strings": true
-  },
-
   "editor.codeActionsOnSave": {
     "source.organizeImports": "never",
     "source.fixAll": "never",
     "source.fixAll.eslint": "explicit",
     "source.fixAll.stylelint": "explicit",
     "source.fixAll.markdownlint": "explicit"
   },
-
   "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact", "vue", "html", "json", "jsonc", "yaml", "toml"],
-  "eslint.workingDirectories": [{ "pattern": "./apps/*" }, { "pattern": "./packages/*" }],
+  "eslint.workingDirectories": [
+    { "pattern": "./apps/*" },
+    { "pattern": "./packages/*" },
+    { "pattern": "./packages/{styles,tests,tooling,versions}/*" },
+    { "pattern": "./packages/styles/mastercsss/*" }
+  ],
   // "eslint.trace.server": "verbose",
-
   // Silent the stylistic rules in you IDE, but still auto fix them
   // "eslint.rules.customizations": [
   //   { "rule": "style/*", "severity": "off" },
@@ -39,12 +36,12 @@
   //   { "rule": "*quotes", "severity": "off" },
   //   { "rule": "*semi", "severity": "off" }
   // ],
-
   "stylelint.enable": true,
   "stylelint.validate": ["css", "less", "postcss", "sass", "scss", "vue", "html"],
   "css.validate": false,
   "less.validate": false,
   "scss.validate": false,
-
-  "vitest.disableWorkspaceWarning": true
+  "editor.quickSuggestions": {
+    "strings": true
+  }
 }

README.md

@@ -16,7 +16,7 @@
 ### 包管理工具
 
 * [pnpm](https://pnpm.io): 一個快速、節省空間的包管理器，類似於 npm 和 Yarn，但共享依賴以節省空間。
-* [fnm](https://github.com/Schniz/fnm): 快速切換 Node.js 版本的工具，可幫助您在不同的項目中使用不同的 Node.js 版本。
+* [nvm](https://github.com/nvm-sh/nvm): Node.js 版本管理工具，用於管理多個 Node.js 版本，並在不同專案中切換版本。
 
 ### 代碼風格和格式化
 
@@ -45,6 +45,7 @@
 ### 測試工具
 
 * [Vitest](https://vitest.dev): Vite 的測試工具，專注於提供簡單且快速的測試環境，基於 Jest 框架。
+* [Playwright](https://playwright.dev): 一個用於自動化測試 Web 應用程序的工具，支持多種瀏覽器和平台。
 
 ### JavaScript
 
@@ -54,4 +55,54 @@
 
 * [SCSS](https://sass-lang.com):  CSS 預處理器，添加了變量、嵌套、Mixin 等功能以提高代碼可重用性和維護性。
 * [PostCSS](https://postcss.org): 轉換 CSS 的工具，可以自動添加瀏覽器前綴、優化代碼等。
+* [Tailwind CSS](https://tailwindcss.com): 一個功能強大的 CSS 框架，提供了大量的樣式工具和組件，用於快速構建現代化的網站。
 * [Master CSS](https://master.co): CSS 語言和框架，用於快速構建現代和高性能的網站。
+
+---
+
+### Packages
+
+#### `tooling`
+
+這個資料夾包含所有的開發工具配置，這些配置幫助我們維護代碼質量，確保代碼符合規範並且自動化檢查和格式化代碼。主要內容包括：
+
+* <a href="https://github.com/alanlu-dev/web-kit/blob/main/packages/tooling/commitlint-config/CHANGELOG.md"><img src="https://img.shields.io/github/v/release/alanlu-dev/web-kit?filter=@alanlu-dev/commitlint-config%2A&style=flat" alt="Version"></a>：Shareable commitlint configuration for [Conventional Commits](https://www.conventionalcommits.org).
+* <a href="https://github.com/alanlu-dev/web-kit/blob/main/packages/tooling/eslint-config/CHANGELOG.md"><img src="https://img.shields.io/github/v/release/alanlu-dev/web-kit?filter=@alanlu-dev/eslint-config&style=flat" alt="Version"></a>：Shareable ESLint configuration.
+* <a href="https://github.com/alanlu-dev/web-kit/blob/main/packages/tooling/lint-staged-config/CHANGELOG.md"><img src="https://img.shields.io/github/v/release/alanlu-dev/web-kit?filter=@alanlu-dev/lint-staged-config%2A&style=flat" alt="Version"></a>：Shareable lint-staged configuration.
+* <a href="https://github.com/alanlu-dev/web-kit/blob/main/packages/tooling/markdownlint-config/CHANGELOG.md"><img src="https://img.shields.io/github/v/release/alanlu-dev/web-kit?filter=@alanlu-dev/markdownlint-config%2A&style=flat" alt="Version"></a>：Shareable markdownlint configuration.
+* <a href="https://github.com/alanlu-dev/web-kit/blob/main/packages/tooling/prettier-config/CHANGELOG.md"><img src="https://img.shields.io/github/v/release/alanlu-dev/web-kit?filter=@alanlu-dev/prettier-config%2A&style=flat" alt="Version"></a>：Shareable prettier configuration.
+* <a href="https://github.com/alanlu-dev/web-kit/blob/main/packages/tooling/stylelint-config/CHANGELOG.md"><img src="https://img.shields.io/github/v/release/alanlu-dev/web-kit?filter=@alanlu-dev/stylelint-config%2A&style=flat" alt="Version"></a>：Shareable stylelint configuration.
+* <a href="https://github.com/alanlu-dev/web-kit/blob/main/packages/tooling/tsconfig/CHANGELOG.md"><img src="https://img.shields.io/github/v/release/alanlu-dev/web-kit?filter=@alanlu-dev/tsconfig%2A&style=flat" alt="Version"></a>：Shareable TypeScript configuration.
+
+#### `versions`
+
+這個資料夾包含版本管理和發佈流程的配置，確保專案版本的一致性。
+
+* <a href="https://github.com/alanlu-dev/web-kit/blob/main/packages/versions/changeset/CHANGELOG.md"><img src="https://img.shields.io/github/v/release/alanlu-dev/web-kit?filter=@alanlu-dev/changeset%2A&style=flat" alt="Version"></a>：Automatically generate changeset by [Conventional Commits](https://www.conventionalcommits.org).
+* <a href="https://github.com/alanlu-dev/web-kit/blob/main/packages/versions/release-it-config/CHANGELOG.md"><img src="https://img.shields.io/github/v/release/alanlu-dev/web-kit?filter=@alanlu-dev/release-it-config%2A&style=flat" alt="Version"></a>：A release-it configuration for monorepo.
+
+#### `types`
+
+這個資料夾包含所有與 TypeScript 類型相關的檔案，用來確保代碼的型別安全。
+
+* <a href="https://github.com/alanlu-dev/web-kit/blob/main/packages/types/CHANGELOG.md"><img src="https://img.shields.io/github/v/release/alanlu-dev/web-kit?filter=@alanlu-dev/types%2A&style=flat" alt="Version"></a>：Shareable TypeScript types.
+
+#### `utils`
+
+這個資料夾包含通用的輔助函式或工具，這些函式通常會在多個地方重用，幫助我們處理一些常見的邏輯，如數據處理、驗證等。
+
+* <a href="https://github.com/alanlu-dev/web-kit/blob/main/packages/utils/CHANGELOG.md"><img src="https://img.shields.io/github/v/release/alanlu-dev/web-kit?filter=@alanlu-dev/utils%2A&style=flat" alt="Version"></a>：A collection of utility functions.
+
+#### `tests`
+
+這個資料夾包含專案的測試配置。所有的測試框架和測試工具設定都集中在這裡。
+
+* <a href="https://github.com/alanlu-dev/web-kit/blob/main/packages/tests/playwright/CHANGELOG.md"><img src="https://img.shields.io/github/v/release/alanlu-dev/web-kit?filter=@alanlu-dev/playwright%2A&style=flat" alt="Version"></a>：A playwright configuration for monorepo.
+
+#### `styles`
+
+這個資料夾包含專案的樣式配置。你可以在這裡找到所有的樣式相關設定，確保專案的一致視覺風格。
+
+* <a href="https://github.com/alanlu-dev/web-kit/blob/main/packages/styles/mastercss/config/CHANGELOG.md"><img src="https://img.shields.io/github/v/release/alanlu-dev/web-kit?filter=@alanlu-dev/mastercss-config%2A&style=flat" alt="Version"></a>：Shareable Master CSS configuration.
+* <a href="https://github.com/alanlu-dev/web-kit/blob/main/packages/styles/mastercss/helpers/CHANGELOG.md"><img src="https://img.shields.io/github/v/release/alanlu-dev/web-kit?filter=@alanlu-dev/mastercss-helpers%2A&style=flat" alt="Version"></a>：A collection of utility functions for Master CSS.
+* <a href="https://github.com/alanlu-dev/web-kit/blob/main/packages/styles/scss/CHANGELOG.md"><img src="https://img.shields.io/github/v/release/alanlu-dev/web-kit?filter=@alanlu-dev/scss%2A&style=flat" alt="Version"></a>：Shareable SCSS configuration.