valaxy 0.15.4 → 0.15.6

package/client/App.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, onBeforeMount } from 'vue'
-import { useHead, useSeoMeta } from '@vueuse/head'
+import { useHead, useSeoMeta } from '@unhead/vue'
 
 // @ts-expect-error virtual module
 import ValaxyUserApp from '/@valaxyjs/UserAppVue'
@@ -9,7 +9,7 @@ import ValaxyUserApp from '/@valaxyjs/UserAppVue'
 import ValaxyThemeApp from '/@valaxyjs/ThemeAppVue'
 import pkg from 'valaxy/package.json'
 import { useI18n } from 'vue-i18n'
-import { definePerson, defineWebPage, defineWebSite, useSchemaOrg } from '@vueuse/schema-org'
+import { definePerson, defineWebPage, defineWebSite, useSchemaOrg } from '@unhead/schema-org'
 import dayjs from 'dayjs'
 import ValaxyAddons from './components/ValaxyAddons.vue'
 import { isDark, useFrontmatter } from './composables'
@@ -55,6 +55,12 @@ useHead({
       content: `Valaxy ${pkg.version}`,
     },
   ],
+
+  templateParams: {
+    schemaOrg: {
+      host: siteConfig.value.url,
+    },
+  },
 })
 
 // seo
@@ -65,25 +71,27 @@ const description = computed(() => fm.value.excerpt || fm.value.description || s
 useSeoMeta({
   description,
   ogDescription: description,
-  ogLocale: computed(() => fm.value.lang || siteConfig.value.lang),
+  ogLocale: computed(() => locale.value || fm.value.lang || siteConfig.value.lang || 'en'),
+  ogLocaleAlternate: computed(() => siteConfig.value.languages.filter(l => l !== locale.value)),
   ogSiteName: computed(() => siteConfig.value.title),
   ogTitle: computed(() => fm.value.title || siteConfig.value.title),
   ogImage: computed(() => fm.value.ogImage || fm.value.cover || siteConfig.value.favicon),
+  ogType: 'website',
   ogUrl: siteUrl,
 })
 
 // for SEO
 useSchemaOrg([
-  // https://unhead-schema-org.harlanzw.com//guide/guides/identity.html
+  // https://unhead.unjs.io/guide/guides/identity.html
   // Personal Website or Blog
   definePerson({
-    name: computed(() => siteConfig.value.author.name),
-    url: siteUrl,
-    image: computed(() => siteConfig.value.author.avatar),
-    sameAs: computed(() => siteConfig.value.social.map(s => s.link)),
+    name: siteConfig.value.author.name,
+    url: siteUrl.value,
+    image: siteConfig.value.author.avatar,
+    sameAs: siteConfig.value.social.map(s => s.link),
   }),
   defineWebSite({
-    name: title,
+    name: title.value,
     datePublished: computed(() => fm.value.date),
     dateModified: computed(() => fm.value.updated),
   }),

package/client/composables/widgets/aplayer.ts

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

package/client/composables/widgets/codepen.ts

@@ -1,4 +1,4 @@
-import { useHead } from '@vueuse/head'
+import { useHead } from '@unhead/vue'
 
 /**
  * @deprecated

package/client/locales/en.yml

@@ -107,3 +107,6 @@ time:
   hour: 1 Hour | {count} Hours
   minute: 1 Minute | {count} Minutes
   second: 1 Second | {count} Seconds
+
+tooltip:
+  last_updated: Last updated

package/client/locales/zh-CN.yml

@@ -106,3 +106,6 @@ time:
   hour: 1 小时 | {count} 小时
   minute: 1 分 | {count} 分
   second: 1 秒 | {count} 秒
+
+tooltip:
+  last_updated: 最后更新于

package/client/modules/schemaOrg.ts

@@ -9,7 +9,7 @@ export const install: UserModule = async ({ head, isClient, router }) => {
 
   const valaxyConfig = initValaxyConfig()
 
-  const { SchemaOrgUnheadPlugin } = await import('@vueuse/schema-org')
+  const { SchemaOrgUnheadPlugin } = await import('@unhead/schema-org')
   head?.use(SchemaOrgUnheadPlugin({
     // config
     host: valaxyConfig.value.siteConfig.url || 'https://valaxy.site',

package/client/styles/common/code.scss

@@ -190,3 +190,38 @@ html:not(.dark) .vp-code-dark {
     opacity: 0;
   }
 }
+
+// diff
+.markdown-body {
+  [class*='language-'] code .diff {
+    transition: background-color 0.5s;
+    margin: 0 -24px;
+    padding: 0 24px;
+    width: calc(100% + 2 * 24px);
+    display: inline-block;
+  }
+
+  [class*='language-'] code .diff::before {
+    position: absolute;
+    left: 10px;
+  }
+
+  [class*='language-'] code .diff.remove {
+    background-color: var(--va-code-line-diff-remove-color);
+    opacity: 0.7;
+  }
+
+  [class*='language-'] code .diff.remove::before {
+    content: '-';
+    color: var(--va-code-line-diff-remove-symbol-color);
+  }
+
+  [class*='language-'] code .diff.add {
+    background-color: var(--va-code-line-diff-add-color);
+  }
+
+  [class*='language-'] code .diff.add::before {
+    content: '+';
+    color: var(--va-code-line-diff-add-symbol-color);
+  }
+}

package/client/styles/components/custom-block.scss

@@ -170,7 +170,6 @@
 .custom-block a {
   color: inherit;
   font-weight: 600;
-  // text-decoration: underline;
   text-underline-offset: 2px;
   transition: opacity 0.25s;
 }

package/client/styles/third/katex.scss

@@ -1,3 +1,9 @@
+.katex-display {
+  overflow-x: auto;
+  overflow-y: visible;
+  padding: 8px 0;
+}
+
 .katex-display > .katex > .katex-html > .tag {
   right: 2px;
 }

package/client/utils/index.ts

@@ -4,3 +4,4 @@ export * from './time'
 export * from './wrap'
 export * from './types'
 export * from './content'
+export * from './router'

package/client/utils/router.ts

@@ -0,0 +1,39 @@
+export interface ScrollToOptions {
+  smooth: boolean
+  targetPadding: number
+}
+
+export function scrollTo(el: HTMLElement, hash: string, options: Partial<ScrollToOptions> = {
+  smooth: true,
+  targetPadding: -64,
+}) {
+  let target: Element | null = null
+  try {
+    target = el.classList.contains('header-anchor')
+      ? el
+      : ((decodeURIComponent(hash) && document.querySelector(decodeURIComponent(hash))) || null)
+  }
+  catch (e) {
+    console.warn(e)
+  }
+
+  if (target) {
+    const targetPadding = options?.targetPadding || -64
+    const targetTop
+      = window.scrollY
+      + (target as HTMLElement).getBoundingClientRect().top
+      + targetPadding
+
+    // only smooth scroll if distance is smaller than screen height.
+    if (!options.smooth || Math.abs(targetTop - window.scrollY) > window.innerHeight) {
+      window.scrollTo(0, targetTop)
+    }
+    else {
+      window.scrollTo({
+        // left: 0,
+        top: targetTop,
+        behavior: 'smooth',
+      })
+    }
+  }
+}