docs(changeset): Add Changeset for version managing

ZL-Asica · ZL-Asica · commit 90faf1b149f3 · 2025-03-12T09:46:23.000-05:00
diff --git a/.changeset/README.md b/.changeset/README.md
@@ -0,0 +1,37 @@
+# Changesets
+
+This folder is used to manage versioning and changelogs for Suzu Blog.
+
+## 🦋 What is Changesets?
+
+Changesets is a tool that helps version and publish packages in single-package or monorepo setups.
+
+For Suzu Blog, we use Changesets to:
+
+- Track and document changes for each release.
+- Automatically update the version number in `package.json`.
+- Generate a `CHANGELOG.md` with structured release notes.
+
+## How to Use
+
+### 1. Adding a changeset
+
+Run:
+
+```sh
+pnpm changeset
+```
+
+Select the type of change (`patch`, `minor`, `major`), write a summary, and a new changeset file will be created.
+
+### 2. Versioning
+
+To apply all pending changes and update the version:
+
+```sh
+pnpm changeset version
+```
+
+## More Information
+
+For more details, check [Changesets documentation](https://github.com/changesets/changesets).
diff --git a/.changeset/config.json b/.changeset/config.json
@@ -0,0 +1,10 @@
+{
+  "$schema": "https://unpkg.com/@changesets/config@3.1.1/schema.json",
+  "changelog": "@changesets/cli/changelog",
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "baseBranch": "main",
+  "updateInternalDependencies": "patch",
+  "ignore": []
+}
diff --git a/.node-version b/.node-version
@@ -1 +1 @@
-22.11.0
+22.14.0
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -0,0 +1,44 @@
+# SuzuBlog Changelog
+
+## 1.4.2 (2025-03-12)
+
+### Patch Changes
+
+- 005a095: Add Changeset for version managing
+
+  - Bump up Next.js version to 15.2.2, which solved Twikoo support issue (crypto-js TypeError).
+  - Add version badge in README.md.
+  - Add more different grammar and syntax for Markdown inside sample-post.md.
+  - Remove support in Browserlist for op_mini all, which is not necessary.
+
+## 1.4.1 (2025-03-09)
+
+- ac9d6b1: Lock Next.js verson to 15.2.0 due to Twikoo support issue
+
+- 8d395f3: Update CI resealse workflow.
+
+## 1.4.0 (2025-03-08)
+
+- fbf97ab: Notes showing issue on hover and mobile in `about/anime` page
+
+  - Addressing anime page issue with notes on hover (desktop) and on click (mobile) (#141).
+  - Extract `AnimeCard` and `Notes` components from `AnimeList` (#140).
+  - Handle hover logic differently for desktop.
+  - Add onClick() event to show notes on mobile.
+
+- 0c9c327: add new markdown parsing logic
+
+  - markdown content parsing logic and improves styles (#139).
+  - Fixed issues #137 and #138.
+
+## 1.3.0 (2025-03-01)
+
+- e5f644a: Set anime images to unoptimized
+
+  - Set anime images to unoptimized to prevent Next.js from optimizing them.
+
+- b9a030f: Fix anime header issue #135
+
+- 815a211: add anime tracking page (#134)
+
+  - This PR introduces the **Anime List** feature #133 , integrating AniList API to fetch and display my personal anime tracking data under `/about/anime`. It also includes a new API endpoint (`GET /api/anime`) to handle data retrieval. The header menu now highlights the current page dynamically, improving navigation clarity. Additionally, I refactored the scroll progress bar into its own component (`ScrollPositionBar.tsx`) for better maintainability. Fixed an issue where the scroll bar was hidden behind headers. The overall UI/UX could use some refinement, especially for submenu interactions and hover effects on different devices. Also, styling details need to be revisited to better align with the rest of the site.
diff --git a/README.md b/README.md
@@ -5,8 +5,9 @@
 > **Suzu** - "鈴" in Japanese, meaning "bell" - is a minimalist blog template built with **Next.js** and pure **Markdown**.
 
 [![GitHub License][license-badge]][license-link]
+[![Latest Release][release-badge]][release-link]
 [![Node.js][node-badge]][node-link]
-[![pnpm Version][pnpm-badge]][pnpm-link]
+[![pnpm Version][pnpm-badge]][pnpm-link] |
 [![Next.js][nextjs-badge]][nextjs-link]
 [![Tailwind CSS][tailwind-badge]][tailwind-link] |
 [![Vercel][vercel-badge]][vercel-link]
@@ -106,7 +107,9 @@ After years of frustration with the maintenance, security risks, and performance
 [pnpm-link]: https://pnpm.io/
 [prettier-badge]: https://img.shields.io/badge/Prettier-F7B93E?logo=Prettier&logoColor=white
 [prettier-link]: https://www.npmjs.com/package/@zl-asica/prettier-config
-[tailwind-badge]: https://img.shields.io/badge/Tailwind%20CSS-06B6D4?style=flat&logo=tailwindcss&logoColor=white
+[release-badge]: https://img.shields.io/github/v/release/ZL-Asica/SuzuBlog?display_name=release&label=SuzuBlog&color=fc8da3
+[release-link]: https://github.com/ZL-Asica/SuzuBlog/releases
+[tailwind-badge]: https://img.shields.io/badge/Tailwind%20CSS-06B6D4?logo=tailwindcss&logoColor=white
 [tailwind-link]: https://tailwindcss.com/
 [vercel-badge]: https://img.shields.io/badge/Vercel-%23000000.svg?logo=vercel&logoColor=white
 [vercel-link]: https://vercel.com
diff --git a/README_JA.md b/README_JA.md
@@ -5,8 +5,9 @@
 > **Suzu** - 日本語の「鈴（すず）」を意味し、**Next.js** と純粋な **Markdown** を基盤としたミニマリストブログテンプレートです。
 
 [![GitHub License][license-badge]][license-link]
+[![Latest Release][release-badge]][release-link]
 [![Node.js][node-badge]][node-link]
-[![pnpm Version][pnpm-badge]][pnpm-link]
+[![pnpm Version][pnpm-badge]][pnpm-link] |
 [![Next.js][nextjs-badge]][nextjs-link]
 [![Tailwind CSS][tailwind-badge]][tailwind-link] |
 [![Vercel][vercel-badge]][vercel-link]
@@ -106,6 +107,8 @@ WordPress のメンテナンスコスト、安全性、性能問題に悩まさ
 [pnpm-link]: https://pnpm.io/
 [prettier-badge]: https://img.shields.io/badge/Prettier-F7B93E?logo=Prettier&logoColor=white
 [prettier-link]: https://www.npmjs.com/package/@zl-asica/prettier-config
+[release-badge]: https://img.shields.io/github/v/release/ZL-Asica/SuzuBlog?display_name=release&label=SuzuBlog&color=fc8da3
+[release-link]: https://github.com/ZL-Asica/SuzuBlog/releases
 [tailwind-badge]: https://img.shields.io/badge/Tailwind%20CSS-06B6D4?style=flat&logo=tailwindcss&logoColor=white
 [tailwind-link]: https://tailwindcss.com/
 [vercel-badge]: https://img.shields.io/badge/Vercel-%23000000.svg?logo=vercel&logoColor=white
diff --git a/README_ZH.md b/README_ZH.md
@@ -6,7 +6,8 @@
 
 [![GitHub License][license-badge]][license-link]
 [![Node.js][node-badge]][node-link]
-[![pnpm Version][pnpm-badge]][pnpm-link]
+[![Latest Release][release-badge]][release-link]
+[![pnpm Version][pnpm-badge]][pnpm-link] |
 [![Next.js][nextjs-badge]][nextjs-link]
 [![Tailwind CSS][tailwind-badge]][tailwind-link] |
 [![Vercel][vercel-badge]][vercel-link]
@@ -107,6 +108,8 @@
 [pnpm-link]: https://pnpm.io/
 [prettier-badge]: https://img.shields.io/badge/Prettier-F7B93E?logo=Prettier&logoColor=white
 [prettier-link]: https://www.npmjs.com/package/@zl-asica/prettier-config
+[release-badge]: https://img.shields.io/github/v/release/ZL-Asica/SuzuBlog?display_name=release&label=SuzuBlog&color=fc8da3
+[release-link]: https://github.com/ZL-Asica/SuzuBlog/releases
 [tailwind-badge]: https://img.shields.io/badge/Tailwind%20CSS-06B6D4?style=flat&logo=tailwindcss&logoColor=white
 [tailwind-link]: https://tailwindcss.com/
 [vercel-badge]: https://img.shields.io/badge/Vercel-%23000000.svg?logo=vercel&logoColor=white
diff --git a/package.json b/package.json
@@ -1,8 +1,8 @@
 {
   "name": "suzu-blog",
-  "version": "0.1.0",
+  "version": "1.4.2",
   "private": true,
-  "packageManager": "pnpm@10.6.1",
+  "packageManager": "pnpm@10.6.2",
   "author": {
     "name": "ZL Asica",
     "email": "zl@zla.app",
@@ -16,6 +16,8 @@
   },
   "bugs": "https://github.com/ZL-Asica/SuzuBlog/issues",
   "scripts": {
+    "changeset": "changeset",
+    "version": "changeset version",
     "dev": "next dev --turbopack",
     "build": "NODE_NO_WARNINGS=1 next build",
     "start": "next start",
@@ -27,13 +29,13 @@
   "dependencies": {
     "@vercel/analytics": "^1.5.0",
     "@vercel/speed-insights": "^1.2.0",
-    "@zl-asica/react": "^0.3.15",
+    "@zl-asica/react": "^0.3.17",
     "clsx": "^2.1.1",
-    "es-toolkit": "^1.32.0",
+    "es-toolkit": "^1.33.0",
     "gray-matter": "^4.0.3",
     "katex": "^0.16.21",
     "lucide-react": "^0.479.0",
-    "next": "15.2.0",
+    "next": "15.2.2",
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "react-icons": "^5.5.0",
@@ -49,10 +51,11 @@
     "zod": "^3.24.2"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^4.8.1",
-    "@eslint-react/eslint-plugin": "^1.31.0",
-    "@next/eslint-plugin-next": "^15.2.1",
-    "@tailwindcss/postcss": "^4.0.12",
+    "@antfu/eslint-config": "^4.10.0",
+    "@changesets/cli": "^2.28.1",
+    "@eslint-react/eslint-plugin": "^1.32.0",
+    "@next/eslint-plugin-next": "^15.2.2",
+    "@tailwindcss/postcss": "^4.0.13",
     "@types/node": "^22.13.10",
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
@@ -69,19 +72,14 @@
     "postcss-preset-env": "^10.1.5",
     "prettier": "^3.5.3",
     "rss": "^1.2.2",
-    "tailwindcss": "^4.0.12",
+    "tailwindcss": "^4.0.13",
     "typescript": "^5.8.2"
   },
-  "pnpm": {
-    "overrides": {
-      "next": "15.2.0"
-    }
-  },
   "lint-staged": {
-    "src/**/*.{js,jsx,ts,tsx,json,yml}": [
+    "**/*.{js,jsx,ts,tsx,json,yml}": [
       "eslint --fix"
     ],
-    "src/**/*.{css,scss,less,styl,html,md}": [
+    "**/*.{css,scss,less,styl,html,md}": [
       "prettier --write"
     ]
   },
@@ -93,7 +91,8 @@
     "production": [
       ">0.5%",
       "last 2 versions",
-      "not dead"
+      "not dead",
+      "no op_mini all"
     ],
     "development": [
       "last 1 chrome version",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/posts/sample-post.md b/posts/sample-post.md
