valaxy 0.18.5 → 0.18.7

package/client/App.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, onBeforeMount } from 'vue'
+import { computed } from 'vue'
 import { useHead, useSeoMeta } from '@unhead/vue'
 
 // @ts-expect-error virtual module
@@ -10,7 +10,6 @@ import ValaxyThemeApp from '/@valaxyjs/ThemeAppVue'
 import pkg from 'valaxy/package.json'
 import { useI18n } from 'vue-i18n'
 import { definePerson, defineWebPage, defineWebSite, useSchemaOrg } from '@unhead/schema-org'
-import dayjs from 'dayjs'
 
 // https://github.com/vueuse/head
 // you can use this to manipulate the document head in any components,
@@ -97,11 +96,6 @@ useSchemaOrg([
   }),
   defineWebPage(),
 ])
-
-onBeforeMount(() => {
-  if (siteConfig.value.timezone)
-    dayjs.tz.setDefault(siteConfig.value.timezone)
-})
 </script>
 
 <template>

package/client/composables/categories.ts

@@ -3,7 +3,13 @@ import { computed, unref } from 'vue'
 import type { Post } from '../../types'
 import { useSiteStore } from '../stores'
 
+/**
+ * 基础分类
+ */
 export interface BaseCategory {
+  /**
+   * 分类下的文章数量
+   */
   total: number
 }
 

package/client/composables/index.ts

@@ -14,7 +14,6 @@ export * from './locale'
 
 export * from './sidebar'
 export * from './outline'
-export * from './body-scroll-lock'
 
 // utils
 export * from './back'

package/client/composables/locale.ts

@@ -1,12 +1,13 @@
 import { isClient, useStorage } from '@vueuse/core'
 import { useI18n } from 'vue-i18n'
-import dayjs from 'dayjs'
-import 'dayjs/locale/zh-cn'
+import { setDefaultOptions } from 'date-fns'
+import { enUS, zhCN } from 'date-fns/locale'
 
 export function useLocale() {
   const { availableLocales, locale } = useI18n()
   const lang = useStorage('valaxy-locale', locale.value)
-  dayjs.locale(lang.value.toLowerCase())
+  // set date locale
+  setDefaultOptions({ locale: locale.value === 'zh-CN' ? zhCN : enUS })
 
   const toggleLocales = () => {
     // change to some real logic
@@ -16,8 +17,8 @@ export function useLocale() {
     // for localStorage
     lang.value = locale.value
 
-    // set dayjs locale
-    dayjs.locale(lang.value.toLowerCase())
+    // set date locale
+    setDefaultOptions({ locale: locale.value === 'zh-CN' ? zhCN : enUS })
 
     if (isClient)
       document.documentElement.setAttribute('lang', locale.value)

package/client/locales/zh-CN.yml

@@ -49,7 +49,7 @@ post:
   view_link: 查看链接
   read_more: 阅读更多
   cover: 封面
-  time_warning: 本文最后更新于{ago}，文中所描述的信息可能已发生改变。
+  time_warning: '本文最后更新于{ago}，文中所描述的信息可能已发生改变。'
   copyright:
     author: 本文作者
     link: 本文链接

package/client/setup/main.ts

@@ -1,11 +1,5 @@
 /* __imports__ */
 import type { ViteSSGContext } from 'vite-ssg'
-
-import dayjs from 'dayjs'
-import relativeTime from 'dayjs/plugin/relativeTime'
-import utc from 'dayjs/plugin/utc'
-import timezone from 'dayjs/plugin/timezone'
-
 import type { ComputedRef } from 'vue'
 
 // import type { RouteMeta } from 'vue-router'
@@ -32,11 +26,6 @@ export default function setupMain(ctx: ViteSSGContext, config: ComputedRef<Valax
   installPinia(ctx)
   installNprogress(ctx)
 
-  // dayjs
-  dayjs.extend(relativeTime)
-  dayjs.extend(utc)
-  dayjs.extend(timezone)
-
   if (import.meta.env.DEV && ctx.isClient) {
     import('../modules/devtools').then(({ install: installDevtools }) => {
       setTimeout(() => {

package/client/styles/palette.scss

@@ -33,8 +33,8 @@ $colors: map.merge(
 $c-primary: map.get($colors, "primary") !default;
 $colors: map.merge(
   (
-    "primary-light": color.adjust($c-primary, $lightness: 15%),
-    "primary-lighter": color.adjust($c-primary, $lightness: 30%),
+    "primary-light": color.adjust($c-primary, $lightness: 10%),
+    "primary-lighter": color.adjust($c-primary, $lightness: 20%),
     "primary-dark": color.adjust($c-primary, $lightness: -5%),
   ),
   $colors

package/client/utils/router.ts

@@ -1,5 +1,11 @@
 export interface ScrollToOptions {
+  /**
+   * 平滑滚动
+   */
   smooth: boolean
+  /**
+   * 滚动目标的 padding
+   */
   targetPadding: number
 }
 

package/client/utils/time.ts

@@ -1,17 +1,13 @@
-import dayjs from 'dayjs'
-import timezone from 'dayjs/plugin/timezone'
+import { format } from 'date-fns'
 import type { Post } from '../../types'
 
-dayjs.extend(timezone)
-
 /**
- * use dayjs format date
+ * date-fns format date
  * @param date
  * @param template
  */
-export function formatDate(date: string | number | Date, template = 'YYYY-MM-DD') {
-  const today = dayjs.tz(date)
-  return today.format(template)
+export function formatDate(date: string | number | Date, template = 'yyyy-MM-dd') {
+  return format(date, template)
 }
 
 /**