valaxy 0.3.10 → 0.5.0

package/README.md

@@ -7,3 +7,7 @@ Read [YunYouJun/valaxy](https://github.com/YunYouJun/valaxy) for more info.
 ## FAQ
 
 - `exports`: `src/index.ts` for virtual module
+
+### Downgrade vite-plugin-md to `v0.13.1`
+
+`v0.14.0` has some problem with `wrapperComponent`.

package/{src/client → client}/components/PostCard.vue

@@ -13,32 +13,46 @@ const { icon, styles } = usePostProperty(props.post.type)
 </script>
 
 <template>
-  <YunCard m="y-4 auto" class="post-card" :style="styles">
-    <AppLink
-      class="post-title-link"
-      :to="post.path || ''"
-      m="t-3"
-    >
-      <div class="flex justify-center items-center title text-2xl" font="serif black">
-        <div v-if="post.type" class="inline-flex" m="r-1" :class="icon" />{{ post.title }}
-      </div>
-    </AppLink>
+  <YunCard m="y-4 auto" :class="post.cover ? 'post-card-image' : 'post-card'" :style="styles">
+    <div class="flex flex-1 of-hidden justify-start items-start post-card-info" w="full">
+      <img
+        v-if="post.cover"
+        :src="post.cover"
+        :alt="t('post.cover')"
+        w="40%"
+        class="object-contain self-center"
+      >
+
+      <div class="post-card-image-info-text flex-1" w="full">
+        <div class="flex flex-col flex-1 justify-center items-center" w="full">
+          <AppLink
+            class="post-title-link"
+            :to="post.path || ''"
+            m="t-3"
+          >
+            <div class="flex justify-center items-center title text-2xl" font="serif black">
+              <div v-if="post.type" class="inline-flex" m="r-1" :class="icon" />{{ post.title }}
+            </div>
+          </AppLink>
 
-    <YunPostMeta :frontmatter="post" />
+          <YunPostMeta :frontmatter="post" />
 
-    <div v-if="post.excerpt" class="markdown-body" text="left" w="full" p="x-6 lt-sm:4" v-html="post.excerpt" />
-    <div m="b-5" />
+          <div v-if="post.excerpt" class="markdown-body" text="left" w="full" p="x-6 lt-sm:4" v-html="post.excerpt" />
+          <div m="b-5" />
 
-    <a
-      v-if="post.url"
-      :href="post.url"
-      class="post-link-btn shadow hover:shadow-md"
-      rounded
-      target="_blank"
-      m="b-4"
-    >
-      {{ t('post.view_link') }}
-    </a>
+          <a
+            v-if="post.url"
+            :href="post.url"
+            class="post-link-btn shadow hover:shadow-md"
+            rounded
+            target="_blank"
+            m="b-4"
+          >
+            {{ t('post.view_link') }}
+          </a>
+        </div>
+      </div>
+    </div>
 
     <div v-if="post.categories || post.tags" w="full" class="yun-card-actions flex justify-between" border="t" text="sm">
       <div class="inline-flex">

package/{src/client → client}/components/ValaxyBg.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { computed } from 'vue'
-import { useThemeConfig } from 'valaxy'
+import { useThemeConfig } from 'valaxy/client'
 import { useCssVar } from '@vueuse/core'
 import { isDark } from '~/composables'
 

package/{src/client → client}/components/ValaxyFooter.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import { capitalize, computed } from 'vue'
-import { useConfig, useThemeConfig } from 'valaxy'
+import { useConfig, useThemeConfig } from 'valaxy/client'
 import { useI18n } from 'vue-i18n'
 
-import pkg from '~/../../package.json'
+import pkg from '../../package.json'
 
 const { t } = useI18n()
 

package/{src/client → client}/components/ValaxyMd.vue

@@ -2,7 +2,7 @@
 import type { Post } from 'valaxy'
 import { onMounted, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
-import { useAplayer, useCodePen, useKatex } from '~/composables'
+import { useAplayer, useCodePen } from '~/composables'
 import { wrapTable } from '~/utils'
 
 const props = defineProps<{
@@ -21,10 +21,6 @@ onMounted(() => {
   updateDom()
 })
 
-// features
-if (props.frontmatter.katex)
-  useKatex()
-
 // widgets
 if (props.frontmatter.aplayer)
   useAplayer()

package/{src/client → client}/composables/index.ts

@@ -5,7 +5,7 @@ export * from './tag'
 
 // common
 export * from './common'
-export * from './features'
+// export * from './features'
 export * from './helper'
 export * from './dark'
 export * from './layout'

package/{src/client → client}/composables/sidebar.ts

@@ -42,14 +42,16 @@ export function useActiveSidebarLinks(container: Ref<HTMLElement>, marker: Ref<H
         : container.value.querySelector(`.va-toc a[href="${hash}"]`) as HTMLAnchorElement)
 
     // marker animation
-    if (activeLink) {
-      activeLink.classList.add('active')
-      marker.value.style.opacity = '1'
-      marker.value.style.top = `${activeLink.offsetTop + 2}px`
-    }
-    else {
-      marker.value.style.opacity = '0'
-      marker.value.style.top = '54px'
+    if (marker.value) {
+      if (activeLink) {
+        activeLink.classList.add('active')
+        marker.value.style.opacity = '1'
+        marker.value.style.top = `${activeLink.offsetTop + 2}px`
+      }
+      else {
+        marker.value.style.opacity = '0'
+        marker.value.style.top = '54px'
+      }
     }
   }
 

package/{src/client → client}/config.ts

@@ -2,7 +2,7 @@
 import valaxyConfig from '@valaxyjs/config'
 import type { ComputedRef, InjectionKey } from 'vue'
 import { computed, inject, readonly, shallowRef } from 'vue'
-import type { ThemeConfig } from '../../../valaxy-theme-yun'
+import type { ThemeConfig } from 'valaxy-theme-yun'
 import type { ValaxyConfig } from '../types'
 
 /**
@@ -49,3 +49,4 @@ export function useThemeConfig() {
   const config = useConfig()
   return computed(() => config!.value.themeConfig)
 }
+

package/{src/client → client}/locales/en.yml

@@ -43,6 +43,7 @@ post:
   related_posts: Related Posts
   view_link: View Link
   read_more: READ MORE
+  cover: Cover
   copyright:
     author: Post author
     link: Post link

package/{src/client → client}/locales/zh-CN.yml

@@ -43,6 +43,7 @@ post:
   related_posts: 相关文章
   view_link: 查看链接
   read_more: 阅读更多
+  cover: 封面
   copyright:
     author: 本文作者
     link: 本文链接
@@ -59,9 +60,9 @@ footer:
   total_visitors: 总访客量
 
 counter:
-  archives: 暂无日志 | 共计 {count} 篇日志
-  categories: 暂无分类 | 共计 {count} 个分类
-  tags: 暂无标签 | 共计 {count} 个标签
+  archives: 暂无日志 | 共计 1 篇日志 | 共计 {count} 篇日志
+  categories: 暂无分类 | 共计 1 个分类 | 共计 {count} 个分类
+  tags: 暂无标签 | 共计 1 个标签 | 共计 {count} 个标签
   albums:
     zero: 暂无相册
     one: 共计 1 个相册

package/{src/client → client}/main.ts

@@ -15,7 +15,11 @@ const routes = setupLayouts(__DEV__ ? generatedRoutes : generatedRoutes.filter(i
 // https://github.com/antfu/vite-ssg
 export const createApp = ViteSSG(
   App,
-  { routes, base: import.meta.env.BASE_URL },
+  {
+    routes,
+    base: import.meta.env.BASE_URL,
+    scrollBehavior() { return { top: 0 } },
+  },
   (ctx) => {
     // install all modules under `modules/`
     Object.values(import.meta.globEager('./modules/*.ts')).forEach(i => i.install?.(ctx))

package/{src/client → client}/modules/valaxy.ts

@@ -9,6 +9,7 @@ import { createI18n } from 'vue-i18n'
 // import messages from '@intlify/vite-plugin-vue-i18n/messages'
 
 import { useStorage } from '@vueuse/core'
+
 import { initConfig, valaxyConfigSymbol } from '../config'
 
 import type { UserModule } from '~/types'
@@ -38,7 +39,6 @@ function shouldHotReload(payload: any): boolean {
   return payloadPath === locationPath
 }
 
-// https://github.com/antfu/vite-plugin-pwa#automatic-reload-when-new-content-available
 export const install: UserModule = ({ app, router }) => {
   // inject valaxy config before modules
   const config = initConfig()

package/{src/client → client}/shims.d.ts

@@ -34,3 +34,4 @@ declare module 'vue-router' {
     frontmatter: Post
   }
 }
+

package/{src/client → client}/styles/common/markdown.scss

@@ -1,9 +1,13 @@
-@use 'sass:map';
+@use "sass:map";
 
 .markdown-body {
   --prism-font-family: var(--va-font-mono);
 
   --smc-font-family: var(--va-font-sans);
+
+  video {
+    margin: auto;
+  }
 }
 
 // for anchor

package/client/styles/common/scrollbar.scss

@@ -0,0 +1,28 @@
+@use "~/styles/mixins" as *;
+
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+::-webkit-scrollbar-track {
+  border-radius: 2px;
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+::-webkit-scrollbar-thumb {
+  border-radius: 2px;
+  background-color: rgba(122, 122, 122, 0.3);
+
+  &:window-inactive {
+    background-color: rgba(122, 122, 122, 0.3);
+  }
+
+  &:hover {
+    background-color: rgba(get-css-var("c", "primary", "rgb"), 0.7);
+  }
+
+  &:active {
+    background-color: rgba(get-css-var("c", "primary", "rgb"), 0.9);
+  }
+}

package/client/styles/third/katex.scss

@@ -0,0 +1,3 @@
+.katex-display > .katex > .katex-html > .tag {
+  right: 2px;
+}

package/dist/chunk-EAN2KU6W.mjs

@@ -0,0 +1 @@
+var j=Object.create;var e=Object.defineProperty,k=Object.defineProperties,l=Object.getOwnPropertyDescriptor,m=Object.getOwnPropertyDescriptors,n=Object.getOwnPropertyNames,g=Object.getOwnPropertySymbols,o=Object.getPrototypeOf,i=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var h=(b,a,c)=>a in b?e(b,a,{enumerable:!0,configurable:!0,writable:!0,value:c}):b[a]=c,r=(b,a)=>{for(var c in a||(a={}))i.call(a,c)&&h(b,c,a[c]);if(g)for(var c of g(a))p.call(a,c)&&h(b,c,a[c]);return b},s=(b,a)=>k(b,m(a));var t=(b=>typeof require!="undefined"?require:typeof Proxy!="undefined"?new Proxy(b,{get:(a,c)=>(typeof require!="undefined"?require:a)[c]}):b)(function(b){if(typeof require!="undefined")return require.apply(this,arguments);throw new Error('Dynamic require of "'+b+'" is not supported')});var u=(b,a)=>()=>(a||b((a={exports:{}}).exports,a),a.exports);var q=(b,a,c,f)=>{if(a&&typeof a=="object"||typeof a=="function")for(let d of n(a))!i.call(b,d)&&d!==c&&e(b,d,{get:()=>a[d],enumerable:!(f=l(a,d))||f.enumerable});return b};var v=(b,a,c)=>(c=b!=null?j(o(b)):{},q(a||!b||!b.__esModule?e(c,"default",{value:b,enumerable:!0}):c,b));export{r as a,s as b,t as c,u as d,v as e};