valaxy-theme-yun 0.20.5 → 0.20.6

package/components/ValaxyMain.vue

@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import { computed, nextTick } from 'vue'
 import type { PageData, Post } from 'valaxy'
-import { onClickHref, onContentUpdated, scrollTo, usePostTitle, useSiteConfig } from 'valaxy'
 import type { StyleValue } from 'vue'
+import { onClickHref, onContentUpdated, scrollTo, usePostTitle, useSiteConfig } from 'valaxy'
+import { computed, nextTick } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { usePostProperty } from '../composables'
 

package/components/YunAside.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import { useI18n } from 'vue-i18n'
 import { useFrontmatter } from 'valaxy'
 import { computed, nextTick, ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 import { useYunAppStore } from '../stores'
 
 const fm = useFrontmatter()

package/components/YunBackToTop.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { computed } from 'vue'
 import { useBackToTop } from 'valaxy'
+import { computed } from 'vue'
 
 const { show, percentage, backToTop } = useBackToTop({ offset: 100 })
 

package/components/YunBanner.vue

@@ -6,11 +6,11 @@
  */
 
 import type { CSSProperties } from 'vue'
-import { computed, onMounted, ref } from 'vue'
 import { sleep } from 'valaxy'
+import { computed, onMounted, ref } from 'vue'
 import { useThemeConfig } from '../composables'
-import { useYunAppStore } from '../stores'
 import { useYunBanner } from '../composables/useYunBanner'
+import { useYunAppStore } from '../stores'
 
 const yun = useYunAppStore()
 const themeConfig = useThemeConfig()

package/components/YunBg.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import { computed, watch } from 'vue'
 import { useCssVar } from '@vueuse/core'
 import { useAppStore } from 'valaxy'
+import { computed, watch } from 'vue'
 import { useThemeConfig } from '../composables'
 
 const appStore = useAppStore()

package/components/YunCategory.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import { onMounted, ref } from 'vue'
 import type { CategoryList, Post } from 'valaxy'
 import { useInvisibleElement } from 'valaxy'
+import { onMounted, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useRouter } from 'vue-router'
 import { useYunSpringAnimation } from '../composables/animation'

package/components/YunCategoryChildItem.vue

@@ -2,8 +2,8 @@
 import type { Post } from 'valaxy'
 import { isCategoryList } from 'valaxy'
 import { computed } from 'vue'
-import { useRoute } from 'vue-router'
 import { useI18n } from 'vue-i18n'
+import { useRoute } from 'vue-router'
 
 defineProps<{
   i?: number

package/components/YunClassifyPopover.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
+import type { ComponentInstance } from 'vue'
 import { useMotion } from '@vueuse/motion'
 import Popover from 'primevue/popover'
-import type { ComponentInstance } from 'vue'
 import { onMounted, ref } from 'vue'
 
 const op = ref<ComponentInstance<typeof Popover>>()

package/components/YunDock.vue

@@ -1,9 +1,9 @@
 <script setup>
-import { onBeforeUnmount, onMounted, ref, watch } from 'vue'
-import { useToast } from 'primevue/usetoast'
-import TerminalService from 'primevue/terminalservice'
 import Dock from 'primevue/dock'
+import TerminalService from 'primevue/terminalservice'
 import Toast from 'primevue/toast'
+import { useToast } from 'primevue/usetoast'
+import { onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import { useYunAppStore } from '../stores'
 
 onMounted(() => {

package/components/YunFireworks.vue

@@ -1,8 +1,8 @@
 <script lang="ts" setup>
+import type { YunTheme } from '../types'
+import { createFireworks } from '@explosions/fireworks'
 import { useThemeConfig } from 'valaxy'
 import { onMounted } from 'vue'
-import { createFireworks } from '@explosions/fireworks'
-import type { YunTheme } from '../types'
 
 const themeConfig = useThemeConfig<YunTheme.Config>()
 

package/components/YunFooter.vue

@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import { capitalize, computed } from 'vue'
 import { useSiteConfig, useValaxyConfig, useValaxyDark } from 'valaxy'
-import { useI18n } from 'vue-i18n'
 import pkg from 'valaxy/package.json'
+import { capitalize, computed } from 'vue'
+import { useI18n } from 'vue-i18n'
 import { useThemeConfig } from '../composables'
 
 // background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);

package/components/YunFullscreenMenu.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { ref } from 'vue'
 import { useAppStore } from 'valaxy'
+import { ref } from 'vue'
 import { useYunAppStore } from '../stores'
 
 const yunApp = useYunAppStore()

package/components/YunFuseSearch.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
-import { ref, watch } from 'vue'
-import { useI18n } from 'vue-i18n'
+import { isClient, onClickOutside, useScrollLock } from '@vueuse/core'
 import { useFuseSearch } from 'valaxy'
+import { ref, watch } from 'vue'
 
-import { isClient, onClickOutside, useScrollLock } from '@vueuse/core'
+import { useI18n } from 'vue-i18n'
 
 const props = defineProps<{
   open: boolean

package/components/YunGirlItem.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { ref } from 'vue'
+import type { GirlType } from '../types'
 import { useMotion } from '@vueuse/motion'
+import { ref } from 'vue'
 import { onImgError } from '../utils'
-import type { GirlType } from '../types'
 
 const props = defineProps<{
   i: number

package/components/YunGirls.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { useRandomData } from '../composables'
 import type { GirlType } from '../types'
+import { useRandomData } from '../composables'
 
 const props = defineProps<{
   girls: GirlType[] | string

package/components/YunLinkItem.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import type { LinkType } from '../types'
 import { useMotion } from '@vueuse/motion'
 import { ref } from 'vue'
 import { onImgError } from '../utils'
-import type { LinkType } from '../types'
 
 const props = defineProps<{
   i: number

package/components/YunLinks.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { useRandomData } from '../composables'
 import type { LinkType } from '../types'
+import { useRandomData } from '../composables'
 
 const props = defineProps<{
   links: string | LinkType[]

package/components/YunMdTimeWarning.vue

@@ -1,10 +1,9 @@
 <script lang="ts" setup>
-import { computed, ref, watch } from 'vue'
+import { differenceInMilliseconds, formatDistanceToNow } from 'date-fns'
 import { useFrontmatter } from 'valaxy'
-import { useI18n } from 'vue-i18n'
 
-import { differenceInMilliseconds } from 'date-fns/differenceInMilliseconds'
-import { formatDistanceToNow } from 'date-fns/formatDistanceToNow'
+import { computed, ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 const fm = useFrontmatter()
 const { t, locale } = useI18n()

package/components/YunOutline.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { ref } from 'vue'
 import {
   useActiveAnchor,
   useOutline,
 } from 'valaxy'
+import { ref } from 'vue'
 import { useThemeConfig } from '../composables'
 
 const themeConfig = useThemeConfig()

package/components/YunPostCard.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { useI18n } from 'vue-i18n'
 import type { Post } from 'valaxy'
+import { useI18n } from 'vue-i18n'
 import { usePostProperty } from '../composables'
 
 const props = defineProps<{

package/components/YunPostCollapse.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import { computed, ref, watch } from 'vue'
 import type { Post } from 'valaxy'
 import { formatDate, sortByDate, useSiteConfig } from 'valaxy'
+import { computed, ref, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 
 const props = defineProps<{

package/components/YunPostCollapseItem.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { useMotion } from '@vueuse/motion'
 import type { Post } from 'valaxy'
+import { useMotion } from '@vueuse/motion'
 import { formatDate } from 'valaxy'
 import { ref } from 'vue'
 

package/components/YunPostList.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { computed, ref } from 'vue'
-import { useSiteConfig, useSiteStore } from 'valaxy'
 import type { Post } from 'valaxy/types'
+import { useSiteConfig, useSiteStore } from 'valaxy'
+import { computed, ref } from 'vue'
 
 const props = withDefaults(defineProps<{
   type?: string

package/components/YunSocialLinkItem.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { useAppStore } from 'valaxy'
 import type { SocialLink } from 'valaxy/types'
+import { useAppStore } from 'valaxy'
 import { computed } from 'vue'
 
 const props = defineProps<{

package/components/YunToggleLocale.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { useI18n } from 'vue-i18n'
 import { useLocale } from 'valaxy'
+import { useI18n } from 'vue-i18n'
 
 const { t, locale } = useI18n()
 const { toggleLocales } = useLocale()

package/components/config/YunToggleDark.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import { useI18n } from 'vue-i18n'
-import { computed } from 'vue'
 import { useAppStore } from 'valaxy'
+import { computed } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 const props = defineProps<{
   transition?: boolean

package/components/menu/YunNavMenuTitle.vue

@@ -11,9 +11,12 @@ const siteConfig = useSiteConfig()
 const route = useRoute()
 const showPostTitle = ref(false)
 const showSiteTitle = computed(() => {
+  if (route.path === '/')
+    return false
   if (yunApp.isStrato)
-    return route.path === '/' ? false : yunApp.scrollY < 10
-  return !showPostTitle.value
+    return yunApp.scrollY < 10
+  else
+    return !showPostTitle.value
 })
 watch(() => yunApp.scrollY, () => {
   if (yunApp.isNimbo)

package/components/project/YunProjectCard.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { type CSSProperties, computed, ref } from 'vue'
+import type { ProjectItem } from '../../types'
 import { TinyColor } from '@ctrl/tinycolor'
 import { useMotion } from '@vueuse/motion'
-import type { ProjectItem } from '../../types'
+import { computed, type CSSProperties, ref } from 'vue'
 import { cubicBezier } from '../../client/constants'
 
 const props = defineProps<{

package/components/project/YunProjects.vue

@@ -1,8 +1,8 @@
 <script lang="ts" setup>
+import type { ProjectDataType } from '../../types'
 import { useFrontmatter } from 'valaxy'
 import { reactive, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
-import type { ProjectDataType } from '../../types'
 
 const fm = useFrontmatter()
 const { t } = useI18n()

package/components/prologue/YunPrologueSquare.vue

@@ -59,7 +59,7 @@ const showContent = ref(false)
         <div
           flex="~ col"
           class="gap-2 items-center justify-center"
-          my-4 md:my-6
+          my-4 md:my-5 lg:my-6
           py-4 md:py-6
           border="t-1px b-1px black/60 dark:white/60"
         >

package/components/site/YunFullscreenMenuItem.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { useYunAppStore } from '../../stores'
 import type { PageProps } from '../../types'
+import { useYunAppStore } from '../../stores'
 
 defineProps<{
   page: PageProps

package/components/site/YunSiteLinkItem.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { useYunAppStore } from '../../stores'
 import type { PageProps } from '../../types'
+import { useYunAppStore } from '../../stores'
 
 defineProps<{
   page: PageProps
@@ -11,7 +11,7 @@ const yunApp = useYunAppStore()
 
 <template>
   <AppLink
-    class="link-item inline-flex-center gap-2 transition rounded text-base p-1 md:(text-xl p-3) text-$va-c-text"
+    class="link-item inline-flex-center gap-2 transition rounded text-base p-1 md:(text-base p-2) lg:(text-xl p-3) text-$va-c-text"
     inline-flex
     :to="page.url" :title="page.name"
     :style="`color:${page.color}`"

package/components/theme/nimbo/YunNimboNavMenu.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { onMounted, ref, watch } from 'vue'
 import { useAppStore, useSiteConfig } from 'valaxy'
+import { onMounted, ref, watch } from 'vue'
 import { useRoute } from 'vue-router'
 import { useYunAppStore } from '../../../stores'
 // import { useThemeConfig } from '../composables'

package/components/theme/strato/YunStratoNavMenu.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { computed, onMounted, ref, watch } from 'vue'
 import { useAppStore, useSiteConfig } from 'valaxy'
+import { computed, onMounted, ref, watch } from 'vue'
 import { useRoute } from 'vue-router'
 import { useYunAppStore } from '../../../stores'
 // import { useThemeConfig } from '../composables'

package/components/third/YunAlgoliaSearch.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import * as addonAlgolia from 'valaxy-addon-algolia'
 import { isEmptyAddon } from 'valaxy'
+import * as addonAlgolia from 'valaxy-addon-algolia'
 
 defineProps<{
   open: boolean

package/components/third/YunArtalk.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
+import { isEmptyAddon } from 'valaxy'
 import * as addonArtalk from 'valaxy-addon-artalk'
 import 'valaxy-addon-artalk/client/styles/index.scss'
-import { isEmptyAddon } from 'valaxy'
 
 if (!isEmptyAddon(addonArtalk))
   addonArtalk.useArtalkWithOptions()

package/components/third/YunTwikoo.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
+import { isEmptyAddon } from 'valaxy'
 import * as addonTwikoo from 'valaxy-addon-twikoo'
 import 'valaxy-addon-twikoo/client/styles/index.scss'
-import { isEmptyAddon } from 'valaxy'
 
 if (!isEmptyAddon(addonTwikoo))
   addonTwikoo.useTwikooWithOptions()

package/components/third/YunWaline.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import * as addonWaline from 'valaxy-addon-waline'
 import { isEmptyAddon } from 'valaxy'
+import * as addonWaline from 'valaxy-addon-waline'
 
 if (isEmptyAddon(addonWaline))
   throw new Error('Please install valaxy-addon-waline')

package/components/third/YunWalineMeta.vue

@@ -1,10 +1,10 @@
 <script lang="ts" setup>
 import { useRuntimeConfig } from 'valaxy'
 import { computed } from 'vue'
-import { useRoute } from 'vue-router'
-
 import { useI18n } from 'vue-i18n'
 
+import { useRoute } from 'vue-router'
+
 const route = useRoute()
 const runtimeConfig = useRuntimeConfig()
 

package/composables/animation.ts

@@ -1,5 +1,5 @@
-import { useMotion } from '@vueuse/motion'
 import type { MaybeRef } from 'vue'
+import { useMotion } from '@vueuse/motion'
 import { cubicBezier } from '../client/constants'
 
 /**

package/composables/config.ts

@@ -1,6 +1,6 @@
-import { computed } from 'vue'
-import { useValaxyConfig } from 'valaxy'
 import type { YunTheme } from '../types'
+import { useValaxyConfig } from 'valaxy'
+import { computed } from 'vue'
 
 /**
  * getThemeConfig

package/composables/helper.ts

@@ -1,5 +1,5 @@
-import { ref, watch } from 'vue'
 import { isClient, useEventListener } from '@vueuse/core'
+import { ref, watch } from 'vue'
 
 /**
  * fetch data from source, and random

package/composables/useYunBanner.ts

@@ -1,6 +1,6 @@
-import { computed } from 'vue'
-import { random } from 'valaxy'
 import type { YunTheme } from '../types'
+import { random } from 'valaxy'
+import { computed } from 'vue'
 
 export function useYunBanner(options: YunTheme.Banner) {
   const chars = computed(() => {

package/docs/zh-CN/config.md

@@ -18,8 +18,8 @@ title: 主题配置
   - `enable`: 是否开启
 
 ```ts
-import { defineConfig } from 'valaxy'
 import type { ThemeConfig } from 'valaxy-theme-yun'
+import { defineConfig } from 'valaxy'
 
 export default defineConfig<ThemeConfig>({
   theme: 'yun',

package/layouts/404.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { useI18n } from 'vue-i18n'
 import { useBack } from 'valaxy'
+import { useI18n } from 'vue-i18n'
 
 const { t } = useI18n()
 const { back } = useBack()

package/layouts/categories.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
-import { computed } from 'vue'
+import { defineWebPage, useSchemaOrg } from '@unhead/schema-org'
 import { useCategories, useFrontmatter, usePostTitle, useSiteStore } from 'valaxy'
+import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useRoute } from 'vue-router'
-import { defineWebPage, useSchemaOrg } from '@unhead/schema-org'
 
 const { t } = useI18n()
 

package/layouts/post.vue

@@ -1,10 +1,10 @@
 <script lang="ts" setup>
-import { computed } from 'vue'
-import { useFrontmatter, useFullUrl, useSiteConfig } from 'valaxy'
-
 import type { Article } from '@unhead/schema-org'
 import { defineArticle, useSchemaOrg } from '@unhead/schema-org'
-import { toDate } from 'date-fns/toDate'
+
+import { toDate } from 'date-fns'
+import { useFrontmatter, useFullUrl, useSiteConfig } from 'valaxy'
+import { computed } from 'vue'
 
 const siteConfig = useSiteConfig()
 const frontmatter = useFrontmatter()

package/layouts/tags.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
+import { defineWebPage, useSchemaOrg } from '@unhead/schema-org'
 import { useFrontmatter, useInvisibleElement, usePostTitle, useSiteStore } from 'valaxy'
-import { useI18n } from 'vue-i18n'
 import { computed, ref } from 'vue'
+import { useI18n } from 'vue-i18n'
 import { useRoute, useRouter } from 'vue-router'
-import { defineWebPage, useSchemaOrg } from '@unhead/schema-org'
 import { useThemeConfig, useYunTags } from '../composables'
 
 useSchemaOrg([

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "valaxy-theme-yun",
   "type": "module",
-  "version": "0.20.5",
+  "version": "0.20.6",
   "author": {
     "email": "me@yunyoujun.cn",
     "name": "YunYouJun",
@@ -28,12 +28,12 @@
     "@vueuse/motion": "^2.2.6",
     "animejs": "^3.2.2",
     "gsap": "^3.12.5",
-    "primevue": "^4.2.3",
+    "primevue": "^4.2.4",
     "radix-vue": "^1.9.10"
   },
   "devDependencies": {
     "@types/animejs": "^3.1.12",
-    "valaxy": "0.20.5",
+    "valaxy": "0.20.6",
     "valaxy-addon-waline": "0.2.0"
   },
   "scripts": {

package/setup/main.ts

@@ -1,15 +1,13 @@
-import { defineAppSetup } from 'valaxy'
-import '../styles/global.scss'
 import { MotionPlugin } from '@vueuse/motion'
-
 import PrimeVue from 'primevue/config'
-import AnimateOnScroll from 'primevue/animateonscroll'
-import StyleClass from 'primevue/styleclass'
+
 import ToastService from 'primevue/toastservice'
+import { defineAppSetup } from 'valaxy'
+import { useYunAppStore } from '../stores'
 
 import primeStyles from '../styles/primevue'
+import '../styles/global.scss'
 import '../styles/primevue/tooltip.scss'
-import { useYunAppStore } from '../stores'
 
 export default defineAppSetup((ctx) => {
   // can do for setup
@@ -42,8 +40,6 @@ export default defineAppSetup((ctx) => {
       },
     },
   })
-  app.directive('animateonscroll', AnimateOnScroll)
-  app.directive('styleclass', StyleClass)
 
   // use floating-vue
   // app.directive('tooltip', Tooltip)

package/stores/app.ts

@@ -1,5 +1,5 @@
-import { acceptHMRUpdate, defineStore } from 'pinia'
 import { isClient, useScroll, useToggle } from '@vueuse/core'
+import { acceptHMRUpdate, defineStore } from 'pinia'
 import { useScreenSize } from 'valaxy'
 import { computed } from 'vue'
 import { useThemeConfig } from '../composables'

package/valaxy.config.ts

@@ -1,7 +1,7 @@
 import type { ResolvedValaxyOptions } from 'valaxy'
 import type { Plugin } from 'vite'
-import { defineTheme } from 'valaxy'
 import type { ThemeConfig } from './types'
+import { defineTheme } from 'valaxy'
 import { defaultThemeConfig, generateSafelist } from './index'
 
 function ThemeVitePlugin(options: ResolvedValaxyOptions<ThemeConfig>): Plugin {
@@ -20,7 +20,16 @@ function ThemeVitePlugin(options: ResolvedValaxyOptions<ThemeConfig>): Plugin {
         },
 
         optimizeDeps: {
-          include: ['@ctrl/tinycolor', 'gsap/dist/ScrollToPlugin'],
+          include: [
+            '@ctrl/tinycolor',
+            'gsap',
+            'gsap/dist/ScrollToPlugin',
+            '@explosions/fireworks',
+
+            '@vueuse/motion',
+            'primevue/toastservice',
+            'primevue/config',
+          ],
           exclude: ['@docsearch/js'],
         },
       }