valaxy 0.20.5 → 0.20.6

package/client/components/ValaxyApp.vue

@@ -1,24 +1,24 @@
 <script setup lang="ts">
-// TODO: add docs to override ValaxyApp
-import { computed } from 'vue'
+import { definePerson, defineWebPage, defineWebSite, useSchemaOrg } from '@unhead/schema-org'
 // import { useHead, useSeoMeta } from '@unhead/vue'
 import { useSeoMeta } from '@unhead/vue'
 
-// @ts-expect-error virtual module
-import ValaxyUserApp from '/@valaxyjs/UserAppVue'
-// @ts-expect-error virtual module
-import ValaxyThemeApp from '/@valaxyjs/ThemeAppVue'
-
+// TODO: add docs to override ValaxyApp
+import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'
-import { definePerson, defineWebPage, defineWebSite, useSchemaOrg } from '@unhead/schema-org'
+
+import { useFrontmatter, useValaxyHead } from '../composables'
+import { useTimezone } from '../composables/global'
 
 // https://github.com/vueuse/head
 // you can use this to manipulate the document head in any components,
 // they will be rendered correctly in the html results with vite-ssg
 import { useSiteConfig } from '../config'
-import { useFrontmatter, useValaxyHead } from '../composables'
-import { useTimezone } from '../composables/global'
 import ValaxyAddons from './ValaxyAddons.vue'
+// @ts-expect-error virtual module
+import ValaxyThemeApp from '/@valaxyjs/ThemeAppVue'
+// @ts-expect-error virtual module
+import ValaxyUserApp from '/@valaxyjs/UserAppVue'
 
 // <link rel="apple-touch-icon" href="/pwa-192x192.png">
 // <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#00aba9">

package/client/components/ValaxyDecrypt.vue

@@ -26,6 +26,7 @@ async function decryptContent() {
   }
   catch (e) {
     hasError.value = true
+    console.error(e)
   }
 }
 

package/client/components/ValaxyGalleryDecrypt.vue

@@ -22,6 +22,7 @@ async function decryptContent() {
   }
   catch (e) {
     hasError.value = true
+    console.error(e)
   }
 }
 

package/client/components/ValaxyMd.vue

@@ -1,10 +1,10 @@
 <script lang="ts" setup>
+import type { Post } from 'valaxy'
+import { onContentUpdated, runContentUpdated, useAplayer, useCodePen, useCollapseCode, useCopyCode, useMediumZoom, wrapTable } from 'valaxy'
 import { onMounted, onUpdated, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
-import { onContentUpdated, runContentUpdated, useAplayer, useCodePen, useCollapseCode, useCopyCode, useMediumZoom, wrapTable } from 'valaxy'
-import type { Post } from 'valaxy'
-import { useVanillaLazyLoad } from '../composables/features/vanilla-lazyload'
 import { useCodeGroups } from '../composables/codeGroups'
+import { useVanillaLazyLoad } from '../composables/features/vanilla-lazyload'
 
 const props = defineProps<{
   frontmatter: Post

package/client/components/builtin/ValaxyMermaid.vue

@@ -13,10 +13,10 @@ pie
 -->
 
 <script setup lang="ts">
-import { getCurrentInstance, ref, watch, watchEffect } from 'vue'
-
 import { isClient } from '@vueuse/core'
+
 import { useAppStore } from 'valaxy'
+import { getCurrentInstance, ref, watch, watchEffect } from 'vue'
 import { renderMermaid } from '../../modules/mermaid'
 import ShadowRoot from '../internals/ShadowRoot.vue'
 
@@ -34,51 +34,50 @@ const appStore = useAppStore()
 
 if (isClient) {
   // dynamic import to reduce initial bundle size
-  import('mermaid').then(m => m.default)
-    .then((mermaid) => {
-      mermaid.startOnLoad = false
-      mermaid.initialize({ startOnLoad: false })
+  import('mermaid').then(m => m.default).then((mermaid) => {
+    mermaid.startOnLoad = false
+    mermaid.initialize({ startOnLoad: false })
 
-      watchEffect(async (onCleanup) => {
-        let disposed = false
-        onCleanup(() => {
-          disposed = true
-        })
-        const svg = await renderMermaid(
-          mermaid,
-          props.code || '',
-          {
-            theme: props.theme || (appStore.isDark ? 'dark' : undefined),
-            ...vm!.attrs,
-          },
-        )
-        if (!disposed)
-          html.value = svg
+    watchEffect(async (onCleanup) => {
+      let disposed = false
+      onCleanup(() => {
+        disposed = true
       })
+      const svg = await renderMermaid(
+        mermaid,
+        props.code || '',
+        {
+          theme: props.theme || (appStore.isDark ? 'dark' : undefined),
+          ...vm!.attrs,
+        },
+      )
+      if (!disposed)
+        html.value = svg
+    })
 
-      const actualHeight = ref<number>()
+    const actualHeight = ref<number>()
 
-      watch(html, () => {
-        actualHeight.value = undefined
-      })
+    watch(html, () => {
+      actualHeight.value = undefined
+    })
 
-      watchEffect(() => {
-        const svgEl = el.value?.children?.[0] as SVGElement | undefined
-        if (svgEl && svgEl.hasAttribute('viewBox') && actualHeight.value == null) {
-          const v = Number.parseFloat(svgEl.getAttribute('viewBox')?.split(' ')[3] || '')
-          actualHeight.value = Number.isNaN(v) ? undefined : v
-        }
-      }, { flush: 'post' })
+    watchEffect(() => {
+      const svgEl = el.value?.children?.[0] as SVGElement | undefined
+      if (svgEl && svgEl.hasAttribute('viewBox') && actualHeight.value == null) {
+        const v = Number.parseFloat(svgEl.getAttribute('viewBox')?.split(' ')[3] || '')
+        actualHeight.value = Number.isNaN(v) ? undefined : v
+      }
+    }, { flush: 'post' })
 
-      watchEffect(() => {
-        const svgEl = el.value?.children?.[0] as SVGElement | undefined
-        if (svgEl != null && props.scale != null && actualHeight.value != null) {
-          svgEl.setAttribute('height', `${actualHeight.value * props.scale}`)
-          svgEl.removeAttribute('width')
-          svgEl.removeAttribute('style')
-        }
-      }, { flush: 'post' })
-    })
+    watchEffect(() => {
+      const svgEl = el.value?.children?.[0] as SVGElement | undefined
+      if (svgEl != null && props.scale != null && actualHeight.value != null) {
+        svgEl.setAttribute('height', `${actualHeight.value * props.scale}`)
+        svgEl.removeAttribute('width')
+        svgEl.removeAttribute('style')
+      }
+    }, { flush: 'post' })
+  })
 }
 </script>
 

package/client/composables/app/useValaxyHead.ts

@@ -1,10 +1,10 @@
-import { computed } from 'vue'
-import pkg from 'valaxy/package.json'
 import { useHead } from '@unhead/vue'
+import pkg from 'valaxy/package.json'
+import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'
 
-import { useSiteConfig } from '../../config'
 import { useFrontmatter } from '../../composables'
+import { useSiteConfig } from '../../config'
 
 export function useValaxyHead() {
   const { locale } = useI18n()

package/client/composables/categories.ts

@@ -1,6 +1,6 @@
 import type { MaybeRef } from '@vueuse/core'
-import { computed, unref } from 'vue'
 import type { Post } from '../../types'
+import { computed, unref } from 'vue'
 import { useSiteStore } from '../stores'
 
 /**

package/client/composables/codeGroups.ts

@@ -1,5 +1,5 @@
-import { onContentUpdated } from 'valaxy'
 import { isClient } from '@vueuse/core'
+import { onContentUpdated } from 'valaxy'
 
 export function useCodeGroups() {
   if (import.meta.env.DEV) {

package/client/composables/collections.ts

@@ -1,5 +1,5 @@
-import { ref } from 'vue'
 import type { CollectionConfig } from '../define'
+import { ref } from 'vue'
 
 /**
  * Composable for Collections

package/client/composables/common.ts

@@ -1,8 +1,8 @@
-import { useRoute } from 'vue-router'
-import { computed, inject } from 'vue'
+import type { PageData, PostFrontMatter } from 'valaxy/types'
 import { isClient } from '@vueuse/core'
+import { computed, inject } from 'vue'
 
-import type { PageData, PostFrontMatter } from 'valaxy/types'
+import { useRoute } from 'vue-router'
 import { useSiteConfig } from '../config'
 
 /**

package/client/composables/features/collapse-code.ts

@@ -1,6 +1,6 @@
 import { isClient } from '@vueuse/core'
-import { onMounted } from 'vue'
 import { useFrontmatter, useSiteConfig } from 'valaxy'
+import { onMounted } from 'vue'
 
 export function useCollapseCode() {
   const config = useSiteConfig()

package/client/composables/features/copy-code.ts

@@ -12,6 +12,7 @@ export function useCopyCode() {
         if (!parent || !sibling)
           return
 
+        // eslint-disable-next-line regexp/no-unused-capturing-group
         const isShell = /language-(shellscript|shell|bash|sh|zsh)/.test(
           parent.className,
         )

package/client/composables/features/index.ts

@@ -1,3 +1,3 @@
+export * from './collapse-code'
 export * from './copy-code'
 export * from './medium-zoom'
-export * from './collapse-code'

package/client/composables/helper/useInvisibleElement.ts

@@ -1,5 +1,5 @@
-import { useElementBounding, useIntersectionObserver } from '@vueuse/core'
 import type { Ref } from 'vue'
+import { useElementBounding, useIntersectionObserver } from '@vueuse/core'
 import { ref } from 'vue'
 
 /**

package/client/composables/index.ts

@@ -1,25 +1,25 @@
+// app
+export * from './app'
+// utils
+export * from './back'
 // for classify
 export * from './categories'
-export * from './post'
-export * from './tags'
 export * from './collections'
 
 // common
 export * from './common'
+export * from './dark'
+export * from './decrypt'
 export * from './features'
 export * from './helper'
-export * from './dark'
 export * from './layout'
-export * from './widgets'
 export * from './locale'
 
-export * from './sidebar'
 export * from './outline'
+export * from './post'
 
-// utils
-export * from './back'
-export * from './decrypt'
 export * from './search'
+export * from './sidebar'
+export * from './tags'
 
-// app
-export * from './app'
+export * from './widgets'

package/client/composables/locale.ts

@@ -1,8 +1,9 @@
 import { isClient, useStorage } from '@vueuse/core'
-import { useI18n } from 'vue-i18n'
-import { setDefaultOptions } from 'date-fns/setDefaultOptions'
-import { zhCN } from 'date-fns/locale/zh-CN'
+import { setDefaultOptions } from 'date-fns'
+// not optimize deps all locales
 import { enUS } from 'date-fns/locale/en-US'
+import { zhCN } from 'date-fns/locale/zh-CN'
+import { useI18n } from 'vue-i18n'
 
 export function useLocale() {
   const { availableLocales, locale } = useI18n()

package/client/composables/outline/anchor.ts

@@ -1,6 +1,6 @@
 import type { Ref } from 'vue'
-import { onMounted, onUnmounted, onUpdated } from 'vue'
 import { resolvedHeaders } from '@valaxyjs/utils'
+import { onMounted, onUnmounted, onUpdated } from 'vue'
 import { throttleAndDebounce } from '../../utils'
 import { useAside } from '../aside'
 

package/client/composables/outline/headers.ts

@@ -1,9 +1,9 @@
-import { computed, shallowRef } from 'vue'
-import type { DefaultTheme } from 'valaxy/types'
 import type { MenuItem } from '@valaxyjs/utils'
+import type { DefaultTheme } from 'valaxy/types'
 import { getHeaders } from '@valaxyjs/utils'
-import { onContentUpdated } from '../../utils'
+import { computed, shallowRef } from 'vue'
 import { useFrontmatter, useThemeConfig } from '../..'
+import { onContentUpdated } from '../../utils'
 
 /**
  * export headers & handleClick to generate outline

package/client/composables/outline/index.ts

@@ -1,4 +1,4 @@
 // ref vitepress theme-default/composables/outline.ts
 
-export * from './headers'
 export * from './anchor'
+export * from './headers'

package/client/composables/post/index.ts

@@ -1,12 +1,12 @@
+import type { Post } from 'valaxy'
 import type { ComputedRef } from 'vue'
 import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'
-import type { Post } from 'valaxy'
-import { sortByDate } from '../../utils'
 import { useRouterStore } from '../../stores'
+import { sortByDate } from '../../utils'
 
-export * from './usePrevNext'
 export * from './usePagination'
+export * from './usePrevNext'
 
 export function usePostTitle(post: ComputedRef<Post>) {
   const { locale } = useI18n()

package/client/composables/search/useFuseSearch.ts

@@ -1,9 +1,9 @@
-import { computed, shallowRef } from 'vue'
-import { useSiteConfig } from 'valaxy'
-import type { MaybeRefOrGetter } from '@vueuse/shared'
 import type { UseFuseOptions } from '@vueuse/integrations/useFuse'
-import { useFuse } from '@vueuse/integrations/useFuse'
+import type { MaybeRefOrGetter } from '@vueuse/shared'
 import type { FuseListItem } from 'valaxy/types'
+import { useFuse } from '@vueuse/integrations/useFuse'
+import { useSiteConfig } from 'valaxy'
+import { computed, shallowRef } from 'vue'
 
 export function useFuseSearch<T extends FuseListItem = FuseListItem>(
   search: MaybeRefOrGetter<string>,

package/client/composables/tags.ts

@@ -1,5 +1,5 @@
-import { computed } from 'vue'
 import type { Post } from '../../types'
+import { computed } from 'vue'
 import { useSiteStore } from '../stores'
 
 /**

package/client/composables/widgets/aplayer.ts

@@ -1,5 +1,5 @@
-import { useScriptTag } from '@vueuse/core'
 import { useHead } from '@unhead/vue'
+import { useScriptTag } from '@vueuse/core'
 import { computed } from 'vue'
 import { useSiteConfig } from '../..'
 

package/client/config.ts

@@ -1,17 +1,17 @@
-// @ts-expect-error virtual module @valaxyjs/config
-import valaxyConfig from '/@valaxyjs/config'
-
-// @ts-expect-error virtual module @valaxyjs/context
-import valaxyContext from '/@valaxyjs/context'
-import type { ComputedRef, InjectionKey } from 'vue'
-import { computed, inject, readonly, shallowRef } from 'vue'
-
 // import type { RouteMeta } from 'vue-router'
 // fix build caused by pnpm
 // This is likely not portable. A type annotation is necessary.
 // https://github.com/microsoft/TypeScript/issues/42873
 import type { DefaultTheme, ValaxyConfig } from 'valaxy/types'
 
+import type { ComputedRef, InjectionKey } from 'vue'
+import { computed, inject, readonly, shallowRef } from 'vue'
+// @ts-expect-error virtual module @valaxyjs/config
+import valaxyConfig from '/@valaxyjs/config'
+
+// @ts-expect-error virtual module @valaxyjs/context
+import valaxyContext from '/@valaxyjs/context'
+
 /**
  * parse valaxy config
  * @param data

package/client/index.ts

@@ -1,17 +1,17 @@
 export * from './addons'
+export * from './composables'
+
 export * from './config'
 
 // extend define
 export * from './define'
+export * from './setups'
 
-export * from './composables'
 export * from './stores'
 
-export * from './utils'
-
-export * from './setups'
-
 export * from './types'
 
+export * from './utils'
+
 // child packages
 export * from '@valaxyjs/utils'

package/client/main.ts

@@ -1,3 +1,16 @@
+import type { ViteSSGContext } from 'vite-ssg'
+import { initValaxyConfig, valaxyConfigSymbol } from 'valaxy'
+import { setupLayouts } from 'virtual:generated-layouts'
+import { ViteSSG } from 'vite-ssg'
+import { routes } from 'vue-router/auto-routes'
+
+// import App from '/@valaxyjs/App.vue'
+import App from './App.vue'
+import AppLink from './components/AppLink.vue'
+
+import setupMain from './setup/main'
+import { setupValaxyDevTools } from './utils/dev'
+
 // reset styles, load css before app
 // import '@unocss/reset/tailwind.css'
 // https://unocss.dev/guide/style-reset#tailwind-compat
@@ -5,26 +18,13 @@
 import '@unocss/reset/tailwind-compat.css'
 // css
 import './styles/css/css-vars.css'
+
 import './styles/css/main.css'
+
 // generate user styles
 import '/@valaxyjs/styles'
 import 'uno.css'
 
-import type { ViteSSGContext } from 'vite-ssg'
-import { ViteSSG } from 'vite-ssg'
-
-import { routes } from 'vue-router/auto-routes'
-import { setupLayouts } from 'virtual:generated-layouts'
-
-import { initValaxyConfig, valaxyConfigSymbol } from 'valaxy'
-import AppLink from './components/AppLink.vue'
-
-// import App from '/@valaxyjs/App.vue'
-import App from './App.vue'
-
-import setupMain from './setup/main'
-import { setupValaxyDevTools } from './utils/dev'
-
 const valaxyConfig = initValaxyConfig()
 
 /**

package/client/modules/devtools.ts

@@ -1,7 +1,7 @@
 import type { UserModule } from '../types'
 
-import valaxyLogo from '../assets/images/valaxy-logo.png'
 import pkg from '../../package.json'
+import valaxyLogo from '../assets/images/valaxy-logo.png'
 
 // import {addCustomCommand, addCustomTab } from '@vue/devtools-api'
 

package/client/modules/floating-vue.ts

@@ -1,9 +1,9 @@
-import FloatingVue from 'floating-vue'
+import type { DefaultTheme, ValaxyConfig } from 'valaxy/types'
 import type { ViteSSGContext } from 'vite-ssg'
 
-import 'floating-vue/dist/style.css'
-import type { DefaultTheme, ValaxyConfig } from 'valaxy/types'
 import type { ComputedRef } from 'vue'
+import FloatingVue from 'floating-vue'
+import 'floating-vue/dist/style.css'
 
 export async function install({ app }: ViteSSGContext, config: ComputedRef<ValaxyConfig<DefaultTheme.Config>>) {
   // @see https://floating-vue.starpad.dev/guide/config#default-values

package/client/modules/mermaid.ts

@@ -1,7 +1,7 @@
-import { customAlphabet } from 'nanoid'
-import { decode } from 'js-base64'
-import { clearUndefined } from '@antfu/utils'
 import type { Mermaid } from 'mermaid'
+import { clearUndefined } from '@antfu/utils'
+import { decode } from 'js-base64'
+import { customAlphabet } from 'nanoid'
 import setupMermaid from '../setup/mermaid'
 
 const nanoid = customAlphabet('abcedfghicklmn', 10)

package/client/modules/nprogress.ts

@@ -1,5 +1,5 @@
-import NProgress from 'nprogress'
 import type { UserModule } from '../types'
+import NProgress from 'nprogress'
 
 export const install: UserModule = ({ isClient, router }) => {
   if (isClient) {

package/client/modules/pinia.ts

@@ -1,5 +1,5 @@
-import { createPinia } from 'pinia'
 import type { UserModule } from '../types'
+import { createPinia } from 'pinia'
 
 // Setup Pinia
 // https://pinia.esm.dev/

package/client/modules/schemaOrg.ts

@@ -1,5 +1,5 @@
-import { initValaxyConfig } from 'valaxy'
 import type { UserModule } from '../types'
+import { initValaxyConfig } from 'valaxy'
 
 // https://unhead-schema-org.harlanzw.com/
 export const install: UserModule = async ({ head, isClient, router }) => {

package/client/modules/valaxy.ts

@@ -1,4 +1,4 @@
-import { createI18n } from 'vue-i18n'
+import type { DefaultTheme, ValaxyConfig } from 'valaxy/types'
 
 /*
  * All i18n resources specified in the plugin `include` option can be loaded
@@ -8,14 +8,14 @@ import { createI18n } from 'vue-i18n'
  */
 // import messages from '@intlify/unplugin-vue-i18n/messages'
 
-import { useStorage } from '@vueuse/core'
+import type { ViteSSGContext } from 'vite-ssg'
 
-import type { Router } from 'vue-router'
-import { ensureSuffix } from '@antfu/utils'
 import type { ComputedRef } from 'vue'
-import type { ViteSSGContext } from 'vite-ssg'
-import type { DefaultTheme, ValaxyConfig } from 'valaxy/types'
+import type { Router } from 'vue-router'
 import type { PageDataPayload } from '../../types'
+import { ensureSuffix } from '@antfu/utils'
+import { useStorage } from '@vueuse/core'
+import { createI18n } from 'vue-i18n'
 
 // @ts-expect-error virtual
 import valaxyMessages from '/@valaxyjs/locales'

package/client/setup/main.ts

@@ -1,19 +1,19 @@
-/* __imports__ */
-import type { ViteSSGContext } from 'vite-ssg'
-import type { ComputedRef } from 'vue'
-
 // import type { RouteMeta } from 'vue-router'
 // fix build caused by pnpm
 // This is likely not portable. A type annotation is necessary.
 // https://github.com/microsoft/TypeScript/issues/42873
 import type { DefaultTheme, ValaxyConfig } from 'valaxy/types'
+/* __imports__ */
+import type { ViteSSGContext } from 'vite-ssg'
+
+import type { ComputedRef } from 'vue'
 
 import consola from 'consola'
-import { install as installValaxy } from '../modules/valaxy'
-import { install as installPinia } from '../modules/pinia'
+import { install as installFloatingVue } from '../modules/floating-vue'
 import { install as installNprogress } from '../modules/nprogress'
+import { install as installPinia } from '../modules/pinia'
 import { install as installSchema } from '../modules/schemaOrg'
-import { install as installFloatingVue } from '../modules/floating-vue'
+import { install as installValaxy } from '../modules/valaxy'
 
 export default function setupMain(ctx: ViteSSGContext, config: ComputedRef<ValaxyConfig<DefaultTheme.Config>>) {
   // @ts-expect-error inject in runtime

package/client/setup/mermaid.ts

@@ -1,7 +1,7 @@
 /* __imports__ */
 
-import { defineMermaidSetup } from 'valaxy'
 import type { MermaidOptions } from '../types'
+import { defineMermaidSetup } from 'valaxy'
 
 /**
  * @en

package/client/setups.ts

@@ -1,5 +1,5 @@
-import type { ViteSSGContext } from 'vite-ssg'
 import type { Awaitable } from '@antfu/utils'
+import type { ViteSSGContext } from 'vite-ssg'
 import type { MermaidOptions } from './types'
 
 /**

package/client/stores/app.ts

@@ -1,6 +1,6 @@
 import { acceptHMRUpdate, defineStore } from 'pinia'
-import { computed, ref } from 'vue'
 import { useMobile, useSiteConfig, useThemeConfig, useValaxyDark } from 'valaxy'
+import { computed, ref } from 'vue'
 
 /**
  * Global store for users

package/client/stores/site.ts

@@ -1,7 +1,7 @@
-import { computed, ref } from 'vue'
+import type { PageDataPayload } from '../../types'
 import { acceptHMRUpdate, defineStore } from 'pinia'
+import { computed, ref } from 'vue'
 import { usePostList, useRouterStore } from '..'
-import type { PageDataPayload } from '../../types'
 import { setWindowValaxyProp } from '../utils/dev'
 
 /**

package/client/types/index.ts

@@ -1,5 +1,5 @@
-import type { ViteSSGContext } from 'vite-ssg'
 import type mermaid from 'mermaid'
+import type { ViteSSGContext } from 'vite-ssg'
 
 export type UserModule = (ctx: ViteSSGContext) => void