valaxy 0.6.2 → 0.7.1

package/client/components/PostCard.vue

@@ -19,39 +19,37 @@ const { icon, styles } = usePostProperty(props.post.type)
         v-if="post.cover"
         :src="post.cover"
         :alt="t('post.cover')"
-        w="40%"
-        h="54"
-        class="object-cover object-center md:shadow"
+        width="320" height="180"
+        w="40%" h="54"
+        class="cover object-cover object-center md:shadow"
       >
 
-      <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>
+      <div class="flex flex-col flex-1 items-center" w="full" max-h="54">
+        <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>
-        </div>
+        <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>
 
@@ -59,7 +57,6 @@ const { icon, styles } = usePostProperty(props.post.type)
     <div w="full" class="yun-card-actions flex justify-between" border="t" text="sm">
       <div class="inline-flex">
         <router-link
-          v-if="post.categories"
           :to="{
             path: '/categories/',
             query: { category: Array.isArray(post.categories) ? post.categories[post.categories.length - 1] : post.categories },

package/client/config.ts

@@ -15,7 +15,7 @@ import type { PageData, ValaxyConfig } from '../types'
  */
 function parse<T=any>(data: string): T {
   const parsed = JSON.parse(data)
-  return (import.meta.env.DEV ? readonly(parsed) : parsed) as T
+  return (__DEV__ ? readonly(parsed) : parsed) as T
 }
 
 interface ValaxyContext {

package/client/index.ts

@@ -2,3 +2,8 @@ export * from './config'
 
 export * from './composables'
 export * from './utils'
+
+export * from './setups'
+
+// fix client alias export
+export * from '../shared'

package/client/locales/en.yml

@@ -3,12 +3,13 @@ button:
   back: Back
   go: GO
   home: Home
-  toggle_dark: Toggle dark mode
+  toggle_light: Switch to light mode
+  toggle_dark: Switch to dark mode
   toggle_langs: Change languages
 intro:
   desc: Theme Yun | Valaxy
   hi: Hi, {name}!
-not-found: Oops! Space collapse!
+not-found: Oops! Space collapsed!
 
 title:
   archive: Archive
@@ -40,8 +41,8 @@ post:
   toc_empty: This post does not have a Table of Contents
   views: Views
   comments_count: Comments
-  related_posts: Related Posts
-  view_link: View Link
+  related_posts: Related posts
+  view_link: View link
   read_more: READ MORE
   cover: Cover
   copyright:
@@ -61,24 +62,24 @@ footer:
   total_visitors: Total Visitors
 
 counter:
-  archives: No post | 1 post in total | {count} posts in total
-  categories: No category | 1 category in total | {count} categories in total
-  tags: No tag | 1 tag in total | {count} tags in total
+  archives: No posts | 1 post | {count} posts
+  categories: No categories | 1 category | {count} categories
+  tags: No tags | 1 tag | {count} tags
   albums:
     zero: No album
-    one: 1 album in total
-    other: '%d albums in total'
+    one: 1 album
+    other: '%d albums'
   photos:
     zero: No photo
-    one: 1 photo in total
-    other: '%d photos in total'
+    one: 1 photo
+    other: '%d photos'
 
 category:
   uncategorized: Uncategorized
 
 search:
   placeholder: Searching...
-  empty: 'We didn''t find any results for the search: {query}.'
+  empty: 'We could not find any results for the search: {query}.'
   hits_time: '{hits} results found in {time} ms'
 
 symbol:
@@ -97,12 +98,12 @@ accessibility:
 
 wordcount:
   count: Word count in article
-  count_total: Word count total
+  count_total: Total words
   time: Reading time
   time_total: Total reading time
 
 time:
-  day: Days
-  hour: Hours
-  minute: Minutes
-  second: Seconds
+  day: 1 Day | %d Days
+  hour: 1 Hour | %d Hours
+  minute: 1 Minute | %d Minutes
+  second: 1 Second | %d Seconds

package/client/locales/zh-CN.yml

@@ -3,6 +3,7 @@ button:
   back: 返回
   go: 确定
   home: 首页
+  toggle_light: 切换亮色模式
   toggle_dark: 切换深色模式
   toggle_langs: 切换语言
 intro:
@@ -101,7 +102,7 @@ wordcount:
   time_total: 站点阅读时长
 
 time:
-  day: 天
-  hour: 小时
-  minute: 分
-  second: 秒
+  day: 1 天 | %d 天
+  hour: 1 小时 | %d 小时
+  minute: 1 分 | %d 分
+  second: 1 秒 | %d 秒

package/client/main.ts

@@ -9,6 +9,7 @@ import '@unocss/reset/tailwind.css'
 import '/@valaxyjs/styles'
 
 import 'uno.css'
+import setupMain from './setup/main'
 
 const routes = setupLayouts(__DEV__ ? generatedRoutes : generatedRoutes.filter(i => !i.meta?.frontmatter.draft))
 
@@ -26,5 +27,7 @@ export const createApp = ViteSSG(
   (ctx) => {
     // install all modules under `modules/`
     Object.values(import.meta.globEager('./modules/*.ts')).forEach(i => i.install?.(ctx))
+
+    setupMain(ctx)
   },
 )

package/client/setup/main.ts

@@ -0,0 +1,11 @@
+/* __imports__ */
+
+import type { ViteSSGContext } from 'vite-ssg'
+
+export default function setupMain(ctx: ViteSSGContext) {
+  // @ts-expect-error inject in runtime
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  const injection_arg = ctx
+
+  /* __injections__ */
+}

package/client/setups.ts

@@ -0,0 +1,16 @@
+import type { ViteSSGContext } from 'vite-ssg'
+import type { Awaitable } from '@antfu/utils'
+import type { VitePluginConfig as UnoCssConfig } from 'unocss/vite'
+
+type AppContext = ViteSSGContext
+
+export type AppSetup = (ctx: AppContext) => Awaitable<void>
+export type UnoSetup = () => Awaitable<Partial<UnoCssConfig> | undefined>
+
+export function defineAppSetup(fn: AppSetup) {
+  return fn
+}
+
+export function defineUnoSetup(fn: UnoSetup) {
+  return fn
+}

package/client/styles/common/custom-blocks.scss

@@ -81,4 +81,11 @@ html.dark {
 .custom-block-title {
   margin-bottom: -0.4rem;
   font-weight: 600;
+  display: flex;
+  align-items: center;
+
+  > .icon {
+    width: 16px;
+    margin-right: 4px;
+  }
 }

package/client/styles/common/markdown.scss

@@ -2,10 +2,6 @@
 
 .markdown-body {
   --smc-font-family: var(--va-font-sans);
-
-  video {
-    margin: auto;
-  }
 }
 
 // for anchor