feat: support for custom dates (close #25)(#28)

Author: himself65

docs/README.md

@@ -27,6 +27,23 @@ module.exports = {
 
 ## Options
 
+### dateFormat
+
+- Type: `string'
+- Default: 'ddd MMM DD YYYY'
+
+You can find all available formats [here](https://github.com/iamkun/dayjs/blob/dev/docs/en/API-reference.md#displaying)
+
+e.g.
+
+```js
+module.exports = {
+  themeConfig: {
+    dateFormat: 'YYYY-MM-DD'
+  }
+}
+```
+
 ### nav
 
 - Type: `Array<{ text: string, link: string }>`

example/.vuepress/config.js

@@ -3,6 +3,10 @@ module.exports = {
   description: 'This is a blog example built by VuePress',
   theme: require.resolve('../../'),
   themeConfig: {
+    /**
+     * Ref: https://vuepress-theme-blog.ulivz.com/#dateFormat
+     */
+    dateFormat: 'YYYY-MM-DD',
     /**
      * Ref: https://vuepress-theme-blog.ulivz.com/#nav
      */

global-components/BaseListLayout.vue

@@ -21,7 +21,7 @@
 
         <div v-if="page.frontmatter.date" class="ui-post-date">
           <ClockIcon />
-          <span>{{ resovlePostDate(page.frontmatter.date) }}</span>
+          <span>{{ resolvePostDate(page.frontmatter.date) }}</span>
         </div>
       </div>
     </div>
@@ -37,6 +37,7 @@
 /* global THEME_BLOG_PAGINATION_COMPONENT */
 
 import Vue from 'vue'
+import dayjs from 'dayjs'
 import { NavigationIcon, ClockIcon } from 'vue-feather-icons'
 import {
   Pagination,
@@ -76,8 +77,10 @@ export default {
       return Vue.component(n) || Pagination
     },
 
-    resovlePostDate(date) {
-      return new Date(date.replace(/\-/g, '/').trim()).toDateString()
+    resolvePostDate(date) {
+      return dayjs(date).format(
+        this.$themeConfig.dateFormat || 'ddd MMM DD YYYY'
+      )
     },
   },
 }

package.json

@@ -47,6 +47,7 @@
     "@vuepress/plugin-nprogress": "1.0.0",
     "@vuepress/plugin-pwa": "1.0.0",
     "@vuepress/plugin-search": "1.0.0",
+    "dayjs": "^1.8.19",
     "remove-markdown": "^0.3.0",
     "vue-feather-icons": "^4.21.0"
   },

yarn.lock

@@ -2973,6 +2973,11 @@ dateformat@^3.0.0:
   resolved "https://registry.yarnpkg.com/dateformat/-/dateformat-3.0.3.tgz#a6e37499a4d9a9cf85ef5872044d62901c9889ae"
   integrity sha512-jyCETtSl3VMZMWeRo7iY1FL19ges1t55hMo5yaam4Jrsm5EPL89UQkoQRyiI+Yf4k8r2ZpdngkV8hr1lIdjb3Q==
 
+dayjs@^1.8.19:
+  version "1.8.19"
+  resolved "https://registry.npm.taobao.org/dayjs/download/dayjs-1.8.19.tgz#5117dc390d8f8e586d53891dbff3fa308f51abfe"
+  integrity sha1-URfcOQ2PjlhtU4kdv/P6MI9Rq/4=
+
 de-indent@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/de-indent/-/de-indent-1.0.2.tgz#b2038e846dc33baa5796128d0804b455b8c1e21d"