valaxy-theme-yun 0.14.27 → 0.14.29

package/components/ValaxyMain.vue

@@ -38,6 +38,8 @@ const aside = computed(() => props.frontmatter.aside !== false)
               <slot name="main-content">
                 <Transition appear>
                   <ValaxyMd :frontmatter="frontmatter">
+                    <YunMdTimeWarning :frontmatter="frontmatter" />
+
                     <slot name="main-content-md" />
                     <slot />
                   </ValaxyMd>

package/components/YunMdTimeWarning.vue

@@ -0,0 +1,35 @@
+<script lang="ts" setup>
+import { computed } from 'vue'
+import type { Post } from 'valaxy'
+
+import dayjs from 'dayjs'
+import relativeTime from 'dayjs/plugin/relativeTime'
+
+import { useI18n } from 'vue-i18n'
+
+const props = defineProps<{
+  frontmatter: Post
+}>()
+
+dayjs.extend(relativeTime)
+
+const { t } = useI18n()
+
+/**
+ * when the post is updated more than 30 days ago, show a warning
+ * default 30 days, you can set `time_warning` in frontmatter to change it
+ */
+const time_warning = computed(() => {
+  const diff = dayjs().valueOf() - dayjs(props.frontmatter.updated).valueOf()
+  if (typeof props.frontmatter.time_warning === 'number')
+    return diff > props.frontmatter.time_warning
+  else
+    return props.frontmatter.time_warning || diff > 30 * 24 * 60 * 60 * 1000
+})
+</script>
+
+<template>
+  <blockquote v-if="time_warning" op="80">
+    {{ t('post.time_warning', { ago: dayjs(frontmatter.updated).fromNow() }) }}
+  </blockquote>
+</template>

package/components/YunPostList.vue

@@ -35,9 +35,9 @@ const displayedPosts = computed(() =>
       </div>
     </template>
 
-    <Transition v-for="route, i in displayedPosts" :key="i" name="fade">
-      <YunPostCard :post="route" />
-    </Transition>
+    <TransitionGroup name="fade">
+      <YunPostCard v-for="route, i in displayedPosts" :key="i" :post="route" />
+    </TransitionGroup>
   </div>
 
   <ValaxyPagination :cur-page="curPage" :page-size="pageSize" :total="posts.length" />

package/components/YunTwikoo.vue

@@ -10,4 +10,8 @@ useTwikooWithOptions()
 
 <style lang="scss">
 // custom twikoo style
+#twikoo .el-loading-spinner {
+  top: 65%;
+  right: -50%;
+}
 </style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valaxy-theme-yun",
-  "version": "0.14.27",
+  "version": "0.14.29",
   "author": {
     "email": "me@yunyoujun.cn",
     "name": "YunYouJun",
@@ -18,12 +18,12 @@
   "types": "types/index.d.ts",
   "dependencies": {
     "@iconify-json/ant-design": "^1.1.5",
-    "@iconify-json/simple-icons": "^1.1.49",
+    "@iconify-json/simple-icons": "^1.1.54",
     "animejs": "^3.2.1",
     "valaxy-addon-waline": "0.1.0"
   },
   "devDependencies": {
     "@types/animejs": "^3.1.7",
-    "valaxy": "0.14.27"
+    "valaxy": "0.14.29"
   }
 }

package/styles/common/markdown.scss

@@ -38,7 +38,7 @@ html.dark {
   }
 
   img {
-    margin: auto;
+    margin: 0.5rem auto;
   }
 
   p {