valaxy 0.6.3 → 0.7.0

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/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