From 7e190cada7f4307474360ef22b9cfdbf1e1dcde6 Mon Sep 17 00:00:00 2001
From: Shaobiao Lin <whalevocal@gmail.com>
Date: Sun, 7 Jul 2024 18:31:20 +0800
Subject: [PATCH] refactor(date): replace momentjs with dayjs

close #25
---
 .github/contributing.md                      |  2 +-
 .markdownlint.json                           |  8 +++---
 .vitepress/theme/components/PostElements.vue |  6 ++--
 .vitepress/theme/components/PostList.vue     |  6 ++--
 .vitepress/theme/components/ProfileExtra.vue |  5 ++--
 .vitepress/theme/dayjs.ts                    | 10 +++++++
 package-lock.json                            | 29 +++-----------------
 package.json                                 |  6 ++--
 8 files changed, 31 insertions(+), 41 deletions(-)
 create mode 100644 .vitepress/theme/dayjs.ts

diff --git a/.github/contributing.md b/.github/contributing.md
index 156e8c6..252f36e 100644
--- a/.github/contributing.md
+++ b/.github/contributing.md
@@ -32,7 +32,7 @@ npm run build
 npm run preview
 ```
 
-There are several other npm script commands in the `scripts` part of [`package.json`](../package.json) that you might want to use.
+There are several other npm script commands that you might want to use in the `scripts` part of [`package.json`](../package.json).
 
 ### Visual Studio Code
 
diff --git a/.markdownlint.json b/.markdownlint.json
index c095ba8..cd62c5c 100644
--- a/.markdownlint.json
+++ b/.markdownlint.json
@@ -1,10 +1,10 @@
 {
   "README": {
-    "cli": "https://github.com/igorshubovych/markdownlint-cli",
     "rules": "https://github.com/DavidAnson/markdownlint",
+    "cli": "https://github.com/DavidAnson/markdownlint-cli2",
     "vscode": "https://github.com/DavidAnson/vscode-markdownlint"
   },
-  "MD013": false,
-  "MD026": false,
-  "MD033": false
+  "line-length": false,
+  "no-inline-html": false,
+  "no-trailing-punctuation": false
 }
diff --git a/.vitepress/theme/components/PostElements.vue b/.vitepress/theme/components/PostElements.vue
index ef3add4..c6a2777 100644
--- a/.vitepress/theme/components/PostElements.vue
+++ b/.vitepress/theme/components/PostElements.vue
@@ -8,9 +8,9 @@
     <span
       v-if="post.datetime"
       :class="$style.elementItem"
-      :tooltip="moment(post.datetime).format('dddd')"
+      :tooltip="dayjs(post.datetime).format('dddd')"
     >
-      {{ moment(post.datetime).format("LL") }}
+      {{ dayjs(post.datetime).format("LL") }}
     </span>
     <Dot
       v-if="post.spot"
@@ -38,7 +38,7 @@
 </template>
 
 <script lang="ts" setup>
-import moment from "moment-timezone";
+import dayjs from "../dayjs";
 import { useData, onContentUpdated } from "vitepress";
 import { ref } from "vue";
 import { data as allPosts } from "../posts.data";
diff --git a/.vitepress/theme/components/PostList.vue b/.vitepress/theme/components/PostList.vue
index f3438e6..23502df 100644
--- a/.vitepress/theme/components/PostList.vue
+++ b/.vitepress/theme/components/PostList.vue
@@ -1,7 +1,7 @@
 <template>
   <div :class="$style.postList">
     <span :class="[$style.date, $style.hack]">
-      {{ moment(new Date("1970-04-22")).format(dateFormat) }}
+      {{ dayjs(new Date("1970-04-22")).format(dateFormat) }}
     </span>
     <div
       v-for="post in postList"
@@ -12,14 +12,14 @@
         <span :class="$style.title">{{ post.frontmatter.title }}</span>
       </a>
       <span :class="$style.date">
-        {{ moment(post.frontmatter.datetime).format(dateFormat) }}
+        {{ dayjs(post.frontmatter.datetime).format(dateFormat) }}
       </span>
     </div>
   </div>
 </template>
 
 <script lang="ts" setup>
-import moment from "moment-timezone";
+import dayjs from "../dayjs";
 import Post from "../types/post";
 
 defineProps({
diff --git a/.vitepress/theme/components/ProfileExtra.vue b/.vitepress/theme/components/ProfileExtra.vue
index f9d65b0..e08386e 100644
--- a/.vitepress/theme/components/ProfileExtra.vue
+++ b/.vitepress/theme/components/ProfileExtra.vue
@@ -22,11 +22,12 @@
 </template>
 
 <script lang="ts" setup>
-import moment from "moment-timezone";
+import dayjs from "../dayjs";
 import { useData } from "vitepress";
+
 const { theme } = useData();
 const { location, timezone } = theme.value;
-const nowWithTZ = moment().tz(timezone);
+const nowWithTZ = dayjs().tz(timezone);
 const now = {
   HHmm: nowWithTZ.format("HH:mm"),
   UTCZ: nowWithTZ.format("UTC Z")
diff --git a/.vitepress/theme/dayjs.ts b/.vitepress/theme/dayjs.ts
new file mode 100644
index 0000000..60b3845
--- /dev/null
+++ b/.vitepress/theme/dayjs.ts
@@ -0,0 +1,10 @@
+import dayjs from "dayjs";
+import localizedFormat from "dayjs/plugin/localizedFormat";
+import timezone from "dayjs/plugin/timezone";
+import utc from "dayjs/plugin/utc";
+
+dayjs.extend(localizedFormat);
+dayjs.extend(timezone);
+dayjs.extend(utc);
+
+export default dayjs;
diff --git a/package-lock.json b/package-lock.json
index 0f194e7..8885391 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,6 +13,7 @@
         "@types/node": "^20.8.10",
         "@typescript-eslint/eslint-plugin": "^6.7.2",
         "@typescript-eslint/parser": "^6.7.2",
+        "dayjs": "^1.11.11",
         "dotenv": "^16.3.1",
         "eslint": "^8.50.0",
         "eslint-plugin-vue": "^9.17.0",
@@ -24,7 +25,6 @@
         "markdown-it-mathjax3": "^4.3.2",
         "markdownlint-cli": "^0.37.0",
         "mermaid": "^10.9.0",
-        "moment-timezone": "^0.5.43",
         "reading-time": "^1.5.0",
         "typescript": "^5.2.2",
         "vitepress": "^1.1.3",
@@ -2596,9 +2596,9 @@
       }
     },
     "node_modules/dayjs": {
-      "version": "1.11.10",
-      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.10.tgz",
-      "integrity": "sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==",
+      "version": "1.11.11",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.11.tgz",
+      "integrity": "sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==",
       "dev": true
     },
     "node_modules/debug": {
@@ -4716,27 +4716,6 @@
       "integrity": "sha512-7NO5s6n10TIV96d4g2uDpG7ZDpIhMh0QNfGdJw/W47JswFcosz457wqz/b5sAKvl12sxINGFCn80NZHKwxQEXA==",
       "dev": true
     },
-    "node_modules/moment": {
-      "version": "2.29.4",
-      "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.4.tgz",
-      "integrity": "sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==",
-      "dev": true,
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/moment-timezone": {
-      "version": "0.5.43",
-      "resolved": "https://registry.npmjs.org/moment-timezone/-/moment-timezone-0.5.43.tgz",
-      "integrity": "sha512-72j3aNyuIsDxdF1i7CEgV2FfxM1r6aaqJyLB2vwb33mXYyoyLly+F1zbWqhA3/bVIoJ4szlUoMbUnVdid32NUQ==",
-      "dev": true,
-      "dependencies": {
-        "moment": "^2.29.4"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
     "node_modules/mri": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
diff --git a/package.json b/package.json
index 2241516..465ebf2 100644
--- a/package.json
+++ b/package.json
@@ -4,8 +4,8 @@
   "description": "Octobug's blog.",
   "main": "index.js",
   "type": "module",
-  "engines" : { 
-    "node" : ">=18.0.0"
+  "engines": {
+    "node": ">=18.0.0"
   },
   "scripts": {
     "dev": "vitepress dev --host",
@@ -37,6 +37,7 @@
     "@types/node": "^20.8.10",
     "@typescript-eslint/eslint-plugin": "^6.7.2",
     "@typescript-eslint/parser": "^6.7.2",
+    "dayjs": "^1.11.11",
     "dotenv": "^16.3.1",
     "eslint": "^8.50.0",
     "eslint-plugin-vue": "^9.17.0",
@@ -48,7 +49,6 @@
     "markdown-it-mathjax3": "^4.3.2",
     "markdownlint-cli": "^0.37.0",
     "mermaid": "^10.9.0",
-    "moment-timezone": "^0.5.43",
     "reading-time": "^1.5.0",
     "typescript": "^5.2.2",
     "vitepress": "^1.1.3",