valaxy-theme-yun 0.5.0 → 0.6.0

package/components/YunAlgoliaSearchBox.vue

@@ -4,7 +4,7 @@ import docsearch from '@docsearch/js'
 import type { DocSearchHit } from '@docsearch/react/dist/esm/types'
 import { onMounted } from 'vue'
 import type { AlgoliaSearchOptions } from 'valaxy'
-import { useConfig } from 'valaxy/client'
+import { useConfig } from 'valaxy'
 import { useRoute, useRouter } from 'vue-router'
 
 const router = useRouter()
@@ -87,7 +87,7 @@ function initialize(userOptions: AlgoliaSearchOptions) {
             if (route.path !== relativeHit)
               event.preventDefault()
 
-            router.go(relativeHit)
+            router.push(relativeHit)
           },
           children,
         },

package/components/YunAside.vue

@@ -0,0 +1,74 @@
+<script lang="ts" setup>
+import { useI18n } from 'vue-i18n'
+import type { Post } from 'valaxy'
+import { useAppStore } from 'valaxy/client/stores/app'
+defineProps<{ frontmatter: Post }>()
+const { t } = useI18n()
+
+const app = useAppStore()
+</script>
+
+<template>
+  <button
+    class="xl:hidden toc-btn shadow fixed yun-icon-btn z-350"
+    opacity="75" right="2" bottom="19"
+    @click="app.toggleRightSidebar()"
+  >
+    <div i-ri-file-list-line />
+  </button>
+
+  <ValaxyOverlay :show="app.isRightSidebarOpen" @click="app.toggleRightSidebar()" />
+
+  <aside class="right-sidebar fixed va-card" :class="app.isRightSidebarOpen && 'open'" m="l-4" text="center">
+    <h2 v-if="frontmatter.toc !== false" m="t-6 b-2" font="serif black">
+      {{ t('sidebar.toc') }}
+    </h2>
+
+    <div class="right-sidebar-container">
+      <!-- <ValaxyToc v-if="frontmatter.toc !== false" /> -->
+      <YunToc v-if="frontmatter.toc !== false" />
+
+      <div v-if="$slots.custom" class="custom-container">
+        <slot name="custom" />
+      </div>
+    </div>
+  </aside>
+</template>
+
+<style lang="scss">
+@use '~/styles/mixins' as *;
+
+@include xl {
+  .right-sidebar {
+    transform: translateX(0) !important;
+  }
+}
+
+.right-sidebar {
+  width: var(--va-sidebar-width-mobile);
+
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  right: 0;
+
+  transform: translateX(100%);
+
+  transition: box-shadow var(--va-transition-duration),
+  background-color var(--va-transition-duration), opacity 0.25s,
+  transform var(--va-transition-duration) cubic-bezier(0.19, 1, 0.22, 1);
+
+  &.open {
+    z-index: 10;
+    transform: translateX(0);
+  }
+}
+.right-sidebar-container {
+  top: 1rem;
+}
+
+.toc-btn {
+  color: var(--va-c-primary);
+  background-color: white;
+}
+</style>

package/components/YunBanner.vue

@@ -6,7 +6,7 @@
  */
 
 import { CSSProperties, computed } from 'vue'
-import { useThemeConfig } from 'valaxy/client'
+import { useThemeConfig } from 'valaxy'
 import { random } from '~/utils'
 const themeConfig = useThemeConfig()
 

package/components/YunBase.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 // export layouts/base.vue as components
-import { useThemeConfig } from 'valaxy/client'
+import { useThemeConfig } from 'valaxy'
 import Base from '../layouts/base.vue'
 
 const themeConfig = useThemeConfig()

package/components/YunCard.vue

@@ -1,5 +1,11 @@
+<script lang="ts" setup>
+defineProps<{ cover?: string }>()
+</script>
+
 <template>
   <div class="yun-card">
+    <img v-if="cover" class="object-cover" h="64 md:sm" w="full" :src="cover">
+
     <div v-if="$slots.header" class="yun-card-header">
       <header>
         <slot name="header" />

package/components/YunCategories.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import type { Categories } from 'valaxy/client'
+import type { Categories } from 'valaxy'
 import { ref } from 'vue'
 
 const props = withDefaults(defineProps<{

package/components/YunCategory.vue

@@ -1,8 +1,7 @@
 <script lang="ts" setup>
 import { ref } from 'vue'
-import type { Post } from 'valaxy'
-import type { Category } from 'valaxy/client'
-import { isParentCategory } from 'valaxy/client'
+import type { Category, Post } from 'valaxy'
+import { isParentCategory } from 'valaxy'
 import { useI18n } from 'vue-i18n'
 
 const props = withDefaults(defineProps<{

package/components/YunOverview.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useConfig } from 'valaxy/client'
+import { useConfig } from 'valaxy'
 import { useRouter } from 'vue-router'
 
 const config = useConfig()

package/components/YunPageHeader.vue

@@ -7,7 +7,7 @@ defineProps<{
 </script>
 
 <template>
-  <header class="post-header">
+  <header class="post-header" m="t-4">
     <h1 class="post-title" p="2" text="2xl center" font="serif black" :style="`color:${color}`">
       <div v-if="icon" class="icon" m="r-1" inline-flex :class="icon" />
       <span>{{ title }}</span>

package/components/YunPostCollapse.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { computed, ref, watch } from 'vue'
 import type { Post } from 'valaxy'
-import { formatDate, sortByDate } from 'valaxy/client'
+import { formatDate, sortByDate } from 'valaxy'
 import { useI18n } from 'vue-i18n'
 
 const props = defineProps<{

package/components/YunPostMeta.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { Post } from 'valaxy'
 import { useI18n } from 'vue-i18n'
-import { formatDate } from 'valaxy/client'
+import { formatDate } from 'valaxy'
 
 defineProps<{
   frontmatter: Post

package/components/YunSay.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue'
-import { useThemeConfig } from 'valaxy/client'
+import { useThemeConfig } from 'valaxy'
 
 const themeConfig = useThemeConfig()
 

package/components/YunSidebarLinks.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useThemeConfig } from 'valaxy/client'
+import { useThemeConfig } from 'valaxy'
 const themeConfig = useThemeConfig()
 </script>
 

package/components/YunSidebarNav.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useCategory, usePostList, useTag, useThemeConfig } from 'valaxy/client'
+import { useCategory, usePostList, useTag, useThemeConfig } from 'valaxy'
 import { useI18n } from 'vue-i18n'
 
 const { t } = useI18n()

package/components/YunSocialLinks.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useConfig } from 'valaxy/client'
+import { useConfig } from 'valaxy'
 
 const config = useConfig()
 </script>

package/components/YunSponsor.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useConfig } from 'valaxy/client'
+import { useConfig } from 'valaxy'
 import { ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 const { t } = useI18n()

package/components/YunToc.vue

@@ -0,0 +1,154 @@
+<script setup lang="ts">
+import { computed, ref } from 'vue'
+import { useRoute } from 'vue-router'
+import { useI18n } from 'vue-i18n'
+import { useFrontmatter } from '~/composables'
+import {
+  resolveHeaders,
+  useActiveAnchor,
+  useOutline,
+} from '~/composables/outline'
+import { useThemeConfig } from '~/config'
+
+const route = useRoute()
+const frontmatter = useFrontmatter()
+const themeConfig = useThemeConfig()
+
+const { hasOutline } = useOutline()
+
+const { locale } = useI18n()
+const container = ref()
+const marker = ref()
+
+useActiveAnchor(container, marker)
+
+const resolvedHeaders = computed(() => {
+  return resolveHeaders(route.meta.headers || [])
+})
+
+function handleClick({ target: el }: Event) {
+  const id = `#${(el as HTMLAnchorElement).href!.split('#')[1]}`
+  const heading = document.querySelector(decodeURIComponent(id)) as HTMLAnchorElement
+  heading?.focus()
+}
+</script>
+
+<template>
+  <div ref="container" class="VPDocAsideOutline" :class="{ 'has-outline': hasOutline }">
+    <div class="content">
+      <div class="outline-title">
+        {{ themeConfig.outlineTitle || 'On this page' }}
+      </div>
+
+      <div ref="marker" class="outline-marker" />
+
+      <nav aria-labelledby="doc-outline-aria-label">
+        <span id="doc-outline-aria-label" class="visually-hidden">
+          Table of Contents for current page
+        </span>
+
+        <ul class="root va-toc">
+          <li
+            v-for="{ text, link, children, hidden, lang } in resolvedHeaders"
+            v-show="!hidden"
+            :key="link"
+            class="va-toc-item"
+            :lang="lang || locale"
+          >
+            <a class="outline-link" :href="link" @click="handleClick">
+              {{ text }}
+            </a>
+            <ul v-if="children && frontmatter.outline === 'deep'">
+              <li v-for="{ text, link, hidden } in children" v-show="!hidden" :key="link" :lang="lang || locale">
+                <a class="outline-link nested" :href="link" @click="handleClick">
+                  {{ text }}
+                </a>
+              </li>
+            </ul>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.va-toc {
+  text-align: left;
+
+  .va-toc-item {
+    color: var(--va-c-text-light);
+  }
+}
+
+.VPDocAsideOutline {
+  display: none;
+}
+
+.VPDocAsideOutline.has-outline {
+  display: block;
+}
+
+.content {
+  position: relative;
+  padding-left: 16px;
+  font-size: 14px;
+  text-align: left;
+}
+
+.outline-marker {
+  position: absolute;
+  top: 32px;
+  left: -2px;
+  z-index: 0;
+  opacity: 0;
+  width: 4px;
+  height: 18px;
+  background-color: var(--va-c-brand);
+  transition: top 0.25s cubic-bezier(0, 1, 0.5, 1), background-color 0.5s, opacity 0.25s;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+
+.outline-title {
+  letter-spacing: 0.4px;
+  line-height: 28px;
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.outline-link {
+  display: block;
+  line-height: 28px;
+  color: var(--vp-c-text-2);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  transition: color 0.5s;
+}
+
+.outline-link:hover,
+.outline-link.active {
+  color: var(--va-c-brand);
+  transition: color 0.25s;
+}
+
+.outline-link.nested {
+  padding-left: 13px;
+}
+
+.root {
+  position: relative;
+  z-index: 1;
+}
+
+.visually-hidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  white-space: nowrap;
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  overflow: hidden;
+}
+</style>

package/components/YunTwikoo.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useConfig, useTwikoo } from 'valaxy/client'
+import { useConfig, useTwikoo } from 'valaxy'
 
 const config = useConfig()
 useTwikoo(config.value.comment.twikoo)

package/components/YunWaline.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useConfig, useWaline } from 'valaxy/client'
+import { useConfig, useWaline } from 'valaxy'
 
 const config = useConfig()
 useWaline(config.value.comment.waline)

package/config/index.ts

@@ -2,12 +2,19 @@ export const anonymousImage = 'https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/ava
 
 export namespace YunTheme {
   export type Config = ThemeConfig
+  export type Sidebar = any
 }
 
 /**
  * Theme Config
  */
 export interface ThemeConfig {
+  /**
+   * toc title
+   * @default 'On this page'
+   */
+  outlineTitle: string
+
   // for unocss
   safelist: string[]
   colors: {
@@ -56,6 +63,8 @@ export interface ThemeConfig {
     color: string
   }[]
 
+  sidebar: YunTheme.Sidebar
+
   /**
    * footer
    */
@@ -125,6 +134,7 @@ export type ThemeUserConfig = Partial<ThemeConfig>
  * Default Config
  */
 export const defaultThemeConfig: ThemeConfig = {
+  outlineTitle: 'On this page',
   safelist: ['i-ri-clipboard-line'],
   colors: {
     primary: '#0078E7',
@@ -151,6 +161,7 @@ export const defaultThemeConfig: ThemeConfig = {
 
   pages: [],
 
+  sidebar: null,
   footer: {
     since: 2022,
     icon: {

package/dist/index.d.ts

@@ -3,11 +3,17 @@ import { Plugin } from 'vite';
 declare const anonymousImage = "https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/avatar/none.jpg";
 declare namespace YunTheme {
     type Config = ThemeConfig;
+    type Sidebar = any;
 }
 /**
  * Theme Config
  */
 interface ThemeConfig {
+    /**
+     * toc title
+     * @default 'On this page'
+     */
+    outlineTitle: string;
     safelist: string[];
     colors: {
         /**
@@ -50,6 +56,7 @@ interface ThemeConfig {
         icon: string;
         color: string;
     }[];
+    sidebar: YunTheme.Sidebar;
     /**
      * footer
      */

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var f="https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/avatar/none.jpg",n= exports.defaultThemeConfig ={safelist:["i-ri-clipboard-line"],colors:{primary:"#0078E7"},banner:{enable:!0,title:"\u4E91\u6E38\u541B\u7684\u5C0F\u7AD9"},bg_image:{enable:!0,url:"https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/bg/stars-timing-0-blur-30px.jpg",dark:"https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/bg/galaxy.jpg"},say:{enable:!0,api:"https://el-bot-api.vercel.app/api/words/young",hitokoto:{enable:!1,api:"https://v1.hitokoto.cn"}},pages:[],footer:{since:2022,icon:{name:"i-ri-cloud-line",animated:!0,color:"var(--va-c-primary)",url:"https://sponsors.yunyoujun.cn",title:"Sponsor YunYouJun"},powered:!0,beian:{enable:!1,icp:""}},types:{link:{color:"var(--va-c-primary)",icon:"i-ri-external-link-line"},bilibili:{color:"#FF8EB3",icon:"i-ri-bilibili-line"},douban:{color:"#007722",icon:"i-ri-douban-line"},github:{color:"var(--va-c-text)",icon:"i-ri-github-line"},"netease-cloud-music":{color:"#C10D0C",icon:"i-ri-netease-cloud-music-line"},notion:{color:"var(--va-c-text)",icon:"i-simple-icons-notion"},twitter:{color:"#1da1f2",icon:"i-ri-twitter-line"},wechat:{color:"#1AAD19",icon:"i-ri-wechat-2-line"},weibo:{color:"#E6162D",icon:"i-ri-weibo-line"},yuque:{color:"#25b864",icon:"i-ant-design-yuque-outlined"},zhihu:{color:"#0084FF",icon:"i-ri-zhihu-line"}},menu:{custom:{title:"button.about",icon:"i-ri-clipboard-line",url:"/about"}}};n.safelist=n.safelist.concat(m(n));function m(i){var t,r,a,l,s,c,u,p;let e=[],o=i.types;if(o)for(let g in o)e.push(o[g].icon);return(r=(t=i.footer)==null?void 0:t.icon)!=null&&r.name&&e.push((l=(a=i.footer)==null?void 0:a.icon)==null?void 0:l.name),(c=(s=i.menu)==null?void 0:s.custom)!=null&&c.icon&&e.push((p=(u=i.menu)==null?void 0:u.custom)==null?void 0:p.icon),e}function b(i=n){return{name:"valaxy-theme-yun",enforce:"pre",config(){var e;return{css:{preprocessorOptions:{scss:{additionalData:`$c-primary: ${((e=i.colors)==null?void 0:e.primary)||"#0078E7"} !default;`}}}}}}}var y=b;exports.anonymousImage = f; exports.default = y; exports.defaultThemeConfig = n; exports.generateSafelist = m; exports.yunPlugin = b;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var f="https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/avatar/none.jpg",n= exports.defaultThemeConfig ={outlineTitle:"On this page",safelist:["i-ri-clipboard-line"],colors:{primary:"#0078E7"},banner:{enable:!0,title:"\u4E91\u6E38\u541B\u7684\u5C0F\u7AD9"},bg_image:{enable:!0,url:"https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/bg/stars-timing-0-blur-30px.jpg",dark:"https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/bg/galaxy.jpg"},say:{enable:!0,api:"https://el-bot-api.vercel.app/api/words/young",hitokoto:{enable:!1,api:"https://v1.hitokoto.cn"}},pages:[],sidebar:null,footer:{since:2022,icon:{name:"i-ri-cloud-line",animated:!0,color:"var(--va-c-primary)",url:"https://sponsors.yunyoujun.cn",title:"Sponsor YunYouJun"},powered:!0,beian:{enable:!1,icp:""}},types:{link:{color:"var(--va-c-primary)",icon:"i-ri-external-link-line"},bilibili:{color:"#FF8EB3",icon:"i-ri-bilibili-line"},douban:{color:"#007722",icon:"i-ri-douban-line"},github:{color:"var(--va-c-text)",icon:"i-ri-github-line"},"netease-cloud-music":{color:"#C10D0C",icon:"i-ri-netease-cloud-music-line"},notion:{color:"var(--va-c-text)",icon:"i-simple-icons-notion"},twitter:{color:"#1da1f2",icon:"i-ri-twitter-line"},wechat:{color:"#1AAD19",icon:"i-ri-wechat-2-line"},weibo:{color:"#E6162D",icon:"i-ri-weibo-line"},yuque:{color:"#25b864",icon:"i-ant-design-yuque-outlined"},zhihu:{color:"#0084FF",icon:"i-ri-zhihu-line"}},menu:{custom:{title:"button.about",icon:"i-ri-clipboard-line",url:"/about"}}};n.safelist=n.safelist.concat(m(n));function m(e){var t,r,a,l,s,c,u,p;let i=[],o=e.types;if(o)for(let g in o)i.push(o[g].icon);return(r=(t=e.footer)==null?void 0:t.icon)!=null&&r.name&&i.push((l=(a=e.footer)==null?void 0:a.icon)==null?void 0:l.name),(c=(s=e.menu)==null?void 0:s.custom)!=null&&c.icon&&i.push((p=(u=e.menu)==null?void 0:u.custom)==null?void 0:p.icon),i}function b(e=n){return{name:"valaxy-theme-yun",enforce:"pre",config(){var i;return{css:{preprocessorOptions:{scss:{additionalData:`$c-primary: ${((i=e.colors)==null?void 0:i.primary)||"#0078E7"} !default;`}}}}}}}var y=b;exports.anonymousImage = f; exports.default = y; exports.defaultThemeConfig = n; exports.generateSafelist = m; exports.yunPlugin = b;

package/dist/index.mjs

@@ -1 +1 @@
-var f="https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/avatar/none.jpg",n={safelist:["i-ri-clipboard-line"],colors:{primary:"#0078E7"},banner:{enable:!0,title:"\u4E91\u6E38\u541B\u7684\u5C0F\u7AD9"},bg_image:{enable:!0,url:"https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/bg/stars-timing-0-blur-30px.jpg",dark:"https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/bg/galaxy.jpg"},say:{enable:!0,api:"https://el-bot-api.vercel.app/api/words/young",hitokoto:{enable:!1,api:"https://v1.hitokoto.cn"}},pages:[],footer:{since:2022,icon:{name:"i-ri-cloud-line",animated:!0,color:"var(--va-c-primary)",url:"https://sponsors.yunyoujun.cn",title:"Sponsor YunYouJun"},powered:!0,beian:{enable:!1,icp:""}},types:{link:{color:"var(--va-c-primary)",icon:"i-ri-external-link-line"},bilibili:{color:"#FF8EB3",icon:"i-ri-bilibili-line"},douban:{color:"#007722",icon:"i-ri-douban-line"},github:{color:"var(--va-c-text)",icon:"i-ri-github-line"},"netease-cloud-music":{color:"#C10D0C",icon:"i-ri-netease-cloud-music-line"},notion:{color:"var(--va-c-text)",icon:"i-simple-icons-notion"},twitter:{color:"#1da1f2",icon:"i-ri-twitter-line"},wechat:{color:"#1AAD19",icon:"i-ri-wechat-2-line"},weibo:{color:"#E6162D",icon:"i-ri-weibo-line"},yuque:{color:"#25b864",icon:"i-ant-design-yuque-outlined"},zhihu:{color:"#0084FF",icon:"i-ri-zhihu-line"}},menu:{custom:{title:"button.about",icon:"i-ri-clipboard-line",url:"/about"}}};n.safelist=n.safelist.concat(m(n));function m(i){var t,r,a,l,s,c,u,p;let e=[],o=i.types;if(o)for(let g in o)e.push(o[g].icon);return(r=(t=i.footer)==null?void 0:t.icon)!=null&&r.name&&e.push((l=(a=i.footer)==null?void 0:a.icon)==null?void 0:l.name),(c=(s=i.menu)==null?void 0:s.custom)!=null&&c.icon&&e.push((p=(u=i.menu)==null?void 0:u.custom)==null?void 0:p.icon),e}function b(i=n){return{name:"valaxy-theme-yun",enforce:"pre",config(){var e;return{css:{preprocessorOptions:{scss:{additionalData:`$c-primary: ${((e=i.colors)==null?void 0:e.primary)||"#0078E7"} !default;`}}}}}}}var y=b;export{f as anonymousImage,y as default,n as defaultThemeConfig,m as generateSafelist,b as yunPlugin};
+var f="https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/avatar/none.jpg",n={outlineTitle:"On this page",safelist:["i-ri-clipboard-line"],colors:{primary:"#0078E7"},banner:{enable:!0,title:"\u4E91\u6E38\u541B\u7684\u5C0F\u7AD9"},bg_image:{enable:!0,url:"https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/bg/stars-timing-0-blur-30px.jpg",dark:"https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/bg/galaxy.jpg"},say:{enable:!0,api:"https://el-bot-api.vercel.app/api/words/young",hitokoto:{enable:!1,api:"https://v1.hitokoto.cn"}},pages:[],sidebar:null,footer:{since:2022,icon:{name:"i-ri-cloud-line",animated:!0,color:"var(--va-c-primary)",url:"https://sponsors.yunyoujun.cn",title:"Sponsor YunYouJun"},powered:!0,beian:{enable:!1,icp:""}},types:{link:{color:"var(--va-c-primary)",icon:"i-ri-external-link-line"},bilibili:{color:"#FF8EB3",icon:"i-ri-bilibili-line"},douban:{color:"#007722",icon:"i-ri-douban-line"},github:{color:"var(--va-c-text)",icon:"i-ri-github-line"},"netease-cloud-music":{color:"#C10D0C",icon:"i-ri-netease-cloud-music-line"},notion:{color:"var(--va-c-text)",icon:"i-simple-icons-notion"},twitter:{color:"#1da1f2",icon:"i-ri-twitter-line"},wechat:{color:"#1AAD19",icon:"i-ri-wechat-2-line"},weibo:{color:"#E6162D",icon:"i-ri-weibo-line"},yuque:{color:"#25b864",icon:"i-ant-design-yuque-outlined"},zhihu:{color:"#0084FF",icon:"i-ri-zhihu-line"}},menu:{custom:{title:"button.about",icon:"i-ri-clipboard-line",url:"/about"}}};n.safelist=n.safelist.concat(m(n));function m(e){var t,r,a,l,s,c,u,p;let i=[],o=e.types;if(o)for(let g in o)i.push(o[g].icon);return(r=(t=e.footer)==null?void 0:t.icon)!=null&&r.name&&i.push((l=(a=e.footer)==null?void 0:a.icon)==null?void 0:l.name),(c=(s=e.menu)==null?void 0:s.custom)!=null&&c.icon&&i.push((p=(u=e.menu)==null?void 0:u.custom)==null?void 0:p.icon),i}function b(e=n){return{name:"valaxy-theme-yun",enforce:"pre",config(){var i;return{css:{preprocessorOptions:{scss:{additionalData:`$c-primary: ${((i=e.colors)==null?void 0:i.primary)||"#0078E7"} !default;`}}}}}}}var y=b;export{f as anonymousImage,y as default,n as defaultThemeConfig,m as generateSafelist,b as yunPlugin};

package/layouts/archives.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useFrontmatter, usePostList, usePostTitle } from 'valaxy/client'
+import { useFrontmatter, usePostList, usePostTitle } from 'valaxy'
 import { useI18n } from 'vue-i18n'
 
 const { t } = useI18n()

package/layouts/base.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useConfig, useFrontmatter, usePostProperty, usePostTitle } from 'valaxy/client'
+import { useConfig, useFrontmatter, usePostProperty, usePostTitle } from 'valaxy'
 const frontmatter = useFrontmatter()
 
 const config = useConfig()
@@ -20,14 +20,17 @@ const title = usePostTitle(frontmatter)
 
   <main class="yun-main flex lt-md:ml-0">
     <div flex="~ 1 col" w="full" p="l-4 lt-md:0" class="content">
-      <YunCard m="0" p="4" class="relative sm:p-6 lg:px-12 xl:px-16" :style="styles">
+      <YunCard :cover="frontmatter.cover" m="0" class="relative" :style="styles">
         <slot name="header">
           <YunPageHeader :title="title" :icon="frontmatter.icon || icon" :color="frontmatter.color || color" :cover="frontmatter.cover" />
         </slot>
+
         <template #content>
-          <slot name="content">
-            <router-view />
-          </slot>
+          <div p="x-4 b-8" class="sm:px-6 lg:px-12 xl:px-16">
+            <slot name="content">
+              <router-view />
+            </slot>
+          </div>
         </template>
       </YunCard>
 
@@ -50,11 +53,13 @@ const title = usePostTitle(frontmatter)
     </div>
 
     <slot name="right-sidebar">
-      <ValaxyRightSidebar :frontmatter="frontmatter">
+      <!-- <ValaxyRightSidebar > -->
+      <YunAside :frontmatter="frontmatter">
         <template #custom>
           <slot name="right-custom" />
         </template>
-      </ValaxyRightSidebar>
+      <!-- </ValaxyRightSidebar> -->
+      </YunAside>
     </slot>
   </main>
 

package/layouts/categories.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { computed, ref } from 'vue'
-import { useCategory, useFrontmatter, useInvisibleElement, usePostList, usePostTitle } from 'valaxy/client'
+import { useCategory, useFrontmatter, useInvisibleElement, usePostList, usePostTitle } from 'valaxy'
 import { useI18n } from 'vue-i18n'
 import { useRoute, useRouter } from 'vue-router'
 
@@ -63,7 +63,7 @@ const title = usePostTitle(frontmatter)
     </template>
 
     <YunCard v-if="curCategory" ref="collapse" m="t-4" w="full">
-      <YunPageHeader m="t-4" :title="curCategory === 'Uncategorized' ? t('category.uncategorized') : curCategory" icon="i-ri-folder-open-line" />
+      <YunPageHeader :title="curCategory === 'Uncategorized' ? t('category.uncategorized') : curCategory" icon="i-ri-folder-open-line" />
       <YunPostCollapse w="full" m="b-4" p="x-20 lt-sm:x-5" :posts="posts" />
     </YunCard>
   </YunBase>

package/layouts/home.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useConfig } from 'valaxy/client'
+import { useConfig } from 'valaxy'
 import { useLayout } from '~/composables'
 
 import { useAppStore } from '~/stores/app'

package/layouts/post.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { computed } from 'vue'
-import { useConfig, useFrontmatter, useFullUrl } from 'valaxy/client'
+import { useConfig, useFrontmatter, useFullUrl } from 'valaxy'
 
 const config = useConfig()
 const frontmatter = useFrontmatter()

package/layouts/tags.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useFrontmatter, useInvisibleElement, usePostList, usePostTitle, useTags, useThemeConfig } from 'valaxy/client'
+import { useFrontmatter, useInvisibleElement, usePostList, usePostTitle, useTags, useThemeConfig } from 'valaxy'
 import { useI18n } from 'vue-i18n'
 import { computed, ref } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
@@ -71,7 +71,7 @@ const title = usePostTitle(frontmatter)
     </template>
 
     <YunCard v-if="curTag" ref="collapse" m="t-4" w="full">
-      <YunPageHeader m="t-4" :title="curTag" icon="i-ri-hashtag" />
+      <YunPageHeader :title="curTag" icon="i-ri-hashtag" />
       <YunPostCollapse w="full" m="b-4" p="x-20 lt-sm:x-5" :posts="posts" />
     </YunCard>
   </YunBase>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valaxy-theme-yun",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "author": {
     "email": "me@yunyoujun.cn",
     "name": "YunYouJun",
@@ -15,10 +15,10 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@iconify-json/ant-design": "^1.1.2",
-    "@iconify-json/simple-icons": "^1.1.15"
+    "@iconify-json/simple-icons": "^1.1.16"
   },
   "devDependencies": {
-    "valaxy": "0.5.0"
+    "valaxy": "0.6.0"
   },
   "scripts": {
     "build": "tsup",