valaxy-theme-yun 0.17.0-beta.2 → 0.17.0-beta.4

package/README.md

@@ -12,7 +12,7 @@ See [Docs](./docs/README.md).
 
 ### Development
 
-Just run and visit <http://localhost:3333>
+Just run and visit `http://localhost:${port}/` displayed in your terminal.
 
 ```bash
 pnpm dev

package/components/YunCategories.vue

@@ -24,7 +24,7 @@ const categoryList = computed(() => {
 </script>
 
 <template>
-  <ul v-for="category in categories" :key="category.name" class="category-list" m="l-4">
+  <ul v-for="category in categories.values()" :key="category.name" class="category-list" m="l-4">
     <YunCategory
       :parent-key="category.name"
       :category="category"

package/components/YunCategory.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { computed, onMounted, ref } from 'vue'
-import type { Category, Post } from 'valaxy'
+import type { CategoryList, Post } from 'valaxy'
 import { isCategoryList, useInvisibleElement } from 'valaxy'
 import { useI18n } from 'vue-i18n'
 import { useRoute, useRouter } from 'vue-router'
@@ -8,7 +8,7 @@ import { useRoute, useRouter } from 'vue-router'
 const props = withDefaults(defineProps<{
   parentKey: string
   // to eliminate the warning
-  category: Category
+  category: Post | CategoryList
   level?: number
 
   /**
@@ -74,7 +74,7 @@ onMounted(() => {
 
   <template v-if="!collapse">
     <ul>
-      <li v-for="categoryItem, i in category.children" :key="i" class="post-list-item" m="l-4">
+      <li v-for="categoryItem, i in category.children.values()" :key="i" class="post-list-item" m="l-4">
         <template v-if="isCategoryList(categoryItem)">
           <YunCategory
             :parent-key="parentKey ? `${parentKey}/${categoryItem.name}` : categoryItem.name"

package/components/YunOverview.vue

@@ -21,7 +21,7 @@ const router = useRouter()
           {{ siteConfig.author.name }}
         </RouterLink>
       </div>
-      <RouterLink v-if="router.hasRoute('about-site')" to="/about/site" class="site-name">
+      <RouterLink v-if="router.hasRoute('/about/site')" to="/about/site" class="site-name">
         {{ siteConfig.title }}
       </RouterLink>
       <span v-else class="site-name">{{ siteConfig.title }}</span>

package/docs/zh-CN/config.md

@@ -28,6 +28,8 @@ export default defineConfig<ThemeConfig>({
     banner: {
       enable: true,
       title: '云游君的小站',
+      // 手动分割
+      // title: ['云游君的', '小站'],
       cloud: {
         enable: true
       }

package/index.ts

@@ -0,0 +1 @@
+export * from './node'

package/layouts/categories.vue

@@ -55,7 +55,7 @@ useSchemaOrg([
       </template>
       <template #main-content>
         <div text="center" class="yun-text-light" p="2">
-          {{ t('counter.categories', categories.children.length) }}
+          {{ t('counter.categories', Array.from(categories.children).length) }}
         </div>
         <YunCategories :categories="categories.children" />
         <RouterView />

package/node/config.ts

@@ -1,4 +1,4 @@
-import type { ThemeConfig } from '../types'
+import type { ThemeConfig, UserThemeConfig } from '../types'
 
 /**
  * Default Config
@@ -119,3 +119,12 @@ export const defaultThemeConfig: ThemeConfig = {
     },
   },
 }
+
+/**
+ * valaxy-theme-yun
+ * @see https://github.com/YunYouJun/valaxy/tree/main/packages/valaxy-theme-yun
+ * define theme config
+ */
+export function defineThemeConfig(config: UserThemeConfig) {
+  return config
+}

package/node/unocss.ts

@@ -5,7 +5,7 @@ import type { UserThemeConfig } from '../types'
  * generateSafelist by config
  */
 export function generateSafelist(options: ResolvedValaxyOptions<UserThemeConfig>) {
-  const themeConfig = options.config.themeConfig || {}
+  const themeConfig = options?.config.themeConfig || {}
   const safelist = []
 
   const types = themeConfig.types

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valaxy-theme-yun",
-  "version": "0.17.0-beta.2",
+  "version": "0.17.0-beta.4",
   "author": {
     "email": "me@yunyoujun.cn",
     "name": "YunYouJun",
@@ -12,19 +12,20 @@
     "url": "https://github.com/YunYouJun/valaxy/tree/main/packages/valaxy-theme-yun"
   },
   "exports": {
+    "./theme": "./types/index.d.ts",
     "./*": "./*"
   },
-  "main": "node/index.ts",
-  "types": "types/index.d.ts",
+  "main": "index.ts",
+  "module": "index.ts",
   "dependencies": {
     "@explosions/fireworks": "^0.0.2",
     "@iconify-json/ant-design": "^1.1.13",
-    "@iconify-json/simple-icons": "^1.1.87",
+    "@iconify-json/simple-icons": "^1.1.88",
     "animejs": "^3.2.2"
   },
   "devDependencies": {
     "@types/animejs": "^3.1.12",
-    "valaxy": "0.17.0-beta.2",
+    "valaxy": "0.17.0-beta.4",
     "valaxy-addon-waline": "0.1.1"
   }
 }

package/styles/index.scss

@@ -1,3 +1,5 @@
+$c-primary: #0078e7 !default;
+
 @use "./layout" as *;
 @forward "star-markdown-css/src/scss/theme/yun.scss" with (
   $colors: (
@@ -8,6 +10,5 @@
 // override the default style of star-markdown-css
 @use "./common/button.scss" as *;
 @use "./common/markdown.scss" as *;
-
 @use 'valaxy/client/styles/components/code-group.scss' as *;
 @use 'valaxy/client/styles/components/custom-block.scss' as *;

package/theme.config.ts

@@ -0,0 +1,3 @@
+import { defaultThemeConfig, defineThemeConfig } from './node'
+
+export default defineThemeConfig(defaultThemeConfig)

package/valaxy.config.ts

@@ -1,11 +1,11 @@
 import type { ResolvedValaxyOptions } from 'valaxy'
-import { defineValaxyTheme } from 'valaxy'
 import type { Plugin } from 'vite'
+import { defineTheme } from 'valaxy'
 import type { ThemeConfig } from './types'
-import { defaultThemeConfig, generateSafelist } from './node'
+import { defaultThemeConfig, generateSafelist } from './index'
 
 function ThemeVitePlugin(options: ResolvedValaxyOptions<ThemeConfig>): Plugin {
-  const themeConfig = options.config.themeConfig || {}
+  const themeConfig = options?.config.themeConfig || {}
   return {
     name: 'valaxy-theme-yun',
     enforce: 'pre',
@@ -27,7 +27,7 @@ function ThemeVitePlugin(options: ResolvedValaxyOptions<ThemeConfig>): Plugin {
   }
 }
 
-export default defineValaxyTheme<ThemeConfig>((options) => {
+export default defineTheme<ThemeConfig>((options) => {
   return {
     themeConfig: defaultThemeConfig,
     vite: {