valaxy-theme-hairy 0.0.3 → 0.0.6

package/components/HairyArticleImageDefault.vue

@@ -4,7 +4,7 @@ import { computed, defineProps } from 'vue'
 import dayjs from 'dayjs'
 import { useRouter } from 'vue-router'
 import { useI18n } from 'vue-i18n'
-import last from 'lodash/last'
+import { last } from 'lodash-es'
 import { usePostLayout } from '../hooks/usePostLayout'
 import { toArr } from '../utils'
 

package/components/HairyArticleImageSmall.vue

@@ -4,7 +4,7 @@ import { computed, defineProps } from 'vue'
 import dayjs from 'dayjs'
 import { useRouter } from 'vue-router'
 import { useI18n } from 'vue-i18n'
-import last from 'lodash/last'
+import { last } from 'lodash-es'
 import { usePostLayout } from '../hooks/usePostLayout'
 import { toArr } from '../utils'
 

package/components/HairyTimelinePostItem.vue

@@ -2,7 +2,7 @@
 import type { Post } from 'valaxy'
 import dayjs from 'dayjs'
 import { withDefaults } from 'vue'
-import last from 'lodash/last'
+import { last } from 'lodash-es'
 import { useRouter } from 'vue-router'
 import { useI18n } from 'vue-i18n'
 import { toArr } from '../utils'

package/components/HairyUserCard.vue

@@ -1,4 +1,4 @@
-<script lang="tsx" setup>
+<script lang="ts" setup>
 import { useConfig, useThemeConfig } from 'valaxy'
 import { computed } from 'vue'
 import type { HairyTheme } from 'valaxy-theme-hairy'

package/components/HairyUserNav.vue

@@ -1,42 +1,23 @@
-<script lang="tsx" setup>
+<script lang="ts" setup>
 import { useCategory, usePostList, useTag } from 'valaxy'
-import { defineComponent } from 'vue'
 const category = useCategory()
 const posts = usePostList()
 const tags = useTag()
-const State = defineComponent({
-  props: {
-    count: {
-      type: Number,
-      default: 0,
-    },
-  },
-  setup: (props, { slots }) => {
-    return () => <div class="flex-center flex-col cursor-pointer hover:text-primary px-3 py-1">
-        <div class="font-bold leading-none">
-          {props.count}
-        </div>
-        <div class="leading-none mt-1">
-          {slots.default?.()}
-        </div>
-      </div>
-  },
-})
 </script>
 
 <template>
   <div class="flex justify-center mt-2">
-    <State :count="posts.length" @click="$router.push('/archives/')">
+    <HairyUserStats :count="posts.length" @click="$router.push('/archives/')">
       文章
-    </State>
+    </HairyUserStats>
     <div class="w-1px bg-gray bg-opacity-50" />
-    <State :count="category.total" @click="$router.push('/categories/')">
+    <HairyUserStats :count="category.total" @click="$router.push('/categories/')">
       分类
-    </State>
+    </HairyUserStats>
     <div class="w-1px bg-gray bg-opacity-50" />
-    <State :count="tags.size" @click="$router.push('/tags/')">
+    <HairyUserStats :count="tags.size" @click="$router.push('/tags/')">
       标签
-    </State>
+    </HairyUserStats>
   </div>
   <HairySocialLinks class="mt-5" />
   <HairyMenu class="HairyUserMenu mt-5 flex-col h-auto" />

package/components/HairyUserStats.vue

@@ -0,0 +1,18 @@
+<script lang="ts" setup>
+defineProps<{
+  count?: number
+}>()
+</script>
+
+<template>
+  <div class="flex-center flex-col cursor-pointer hover:text-primary px-3 py-1">
+    <div class="font-bold leading-none">
+      {{ count || 0 }}
+    </div>
+    <div class="leading-none mt-1">
+      <slot />
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped></style>

package/hooks/useCategoryPost.ts

@@ -1,6 +1,6 @@
 import type { MaybeRef } from '@vueuse/shared'
 import { usePostList } from 'valaxy'
-import isEqual from 'lodash/isEqual'
+import { isEqual } from 'lodash-es'
 import { computed, unref } from 'vue'
 
 export function useCategoryPost(categories: MaybeRef<string[]>) {

package/node/utils.ts

@@ -1,5 +1,5 @@
 import { createDefu } from 'defu'
-import isFunction from 'lodash/isFunction'
+import { isFunction } from 'lodash-es'
 import { mergeConfig as mergeViteConfig } from 'vite'
 /**
  * merge valaxy.config

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valaxy-theme-hairy",
-  "version": "0.0.3",
+  "version": "0.0.6",
   "packageManager": "pnpm@7.5.0",
   "author": {
     "email": "wwu710632@gmail.com",
@@ -25,13 +25,12 @@
     "@hairy/vue-use": "^1.2.0",
     "@iconify-json/ant-design": "^1.1.3",
     "@iconify-json/simple-icons": "^1.1.19",
-    "@vitejs/plugin-vue-jsx": "^2.0.0",
     "@vueuse/core": "^8.9.4",
     "@waline/client": "^2.6.1",
+    "dayjs": "^1.11.4",
     "defu": "^6.0.0",
     "element-plus": "^2.2.10",
     "furigana-markdown-it": "^1.0.3",
-    "lodash": "^4.17.21",
     "markdown-toc": "^1.2.0",
     "reading-time": "^1.5.0",
     "swiper": "^8.3.1",

package/pages/archives/[year]/[month]/index.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { ElTimeline, ElTimelineItem } from 'element-plus'
+import { ElTimeline, ElTimelineItem } from 'element-plus/es/components/timeline/index'
 import 'element-plus/es/components/timeline/style/index'
 import 'element-plus/es/components/timeline-item/style/index'
 import { computed, defineProps } from 'vue'

package/pages/archives/[year]/index.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { ElTimeline, ElTimelineItem } from 'element-plus'
+import { ElTimeline, ElTimelineItem } from 'element-plus/es/components/timeline/index'
 import 'element-plus/es/components/timeline/style/index'
 import 'element-plus/es/components/timeline-item/style/index'
 import { computed } from 'vue'

package/pages/archives/index.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { ElTimeline, ElTimelineItem } from 'element-plus'
+import { ElTimeline, ElTimelineItem } from 'element-plus/es/components/timeline/index'
 import { usePostList } from 'valaxy'
 import 'element-plus/es/components/timeline/style/index'
 import 'element-plus/es/components/timeline-item/style/index'

package/pages/categories/[...categories].vue

@@ -3,7 +3,7 @@ import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useRouter } from 'vue-router'
 import { useThemeConfig } from 'valaxy'
-import { ElTimeline, ElTimelineItem } from 'element-plus'
+import { ElTimeline, ElTimelineItem } from 'element-plus/es/components/timeline/index'
 import { useCurrentCategory } from '../../hooks/useCategory'
 import { useCategoryPost } from '../../hooks/useCategoryPost'
 

package/pages/tags/[tag].vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { computed, defineProps } from 'vue'
 import { usePostList } from 'valaxy'
-import { ElTimeline, ElTimelineItem } from 'element-plus'
+import { ElTimeline, ElTimelineItem } from 'element-plus/es/components/timeline/index'
 import 'element-plus/es/components/timeline/style/index'
 import 'element-plus/es/components/timeline-item/style/index'
 const props = defineProps<{