valaxy-theme-yun 0.7.6 → 0.8.0

package/components/ValaxyMain.vue

@@ -12,13 +12,15 @@ const config = useConfig()
 
 const { styles, icon, color } = usePostProperty(props.frontmatter.type)
 const title = usePostTitle(computed(() => props.frontmatter))
+
+const aside = computed(() => props.frontmatter.aside !== false)
 </script>
 
 <template>
   <main class="yun-main lt-md:ml-0" flex="~">
     <div w="full" flex="~">
       <slot name="main">
-        <div class="content" flex="~ col grow" w="full" p="l-4 lt-md:0">
+        <div class="content" :class="!aside && 'no-aside'" flex="~ col grow" w="full" p="l-4 lt-md:0">
           <YunCard :cover="frontmatter.cover" m="0" class="relative" :style="styles">
             <slot name="main-header">
               <YunPageHeader :title="title" :icon="frontmatter.icon || icon" :color="frontmatter.color || color" :cover="frontmatter.cover" />
@@ -59,7 +61,7 @@ const title = usePostTitle(computed(() => props.frontmatter))
       </slot>
 
       <slot name="aside">
-        <YunAside :frontmatter="frontmatter" :data="data">
+        <YunAside v-if="aside" :frontmatter="frontmatter" :data="data">
           <slot name="aside-custom" />
         </YunAside>
       </slot>
@@ -68,11 +70,15 @@ const title = usePostTitle(computed(() => props.frontmatter))
 </template>
 
 <style lang="scss">
-@use '~/styles/mixins' as *;
+@use 'valaxy/client/styles/mixins' as *;
 @include xl {
   .content{
     // 8px scrollbar width
     max-width: calc(100vw - 2 * var(--va-sidebar-width-mobile) - 1rem - 8px);
+
+    &.no-aside {
+      max-width: calc(100vw - var(--va-sidebar-width-mobile));
+    }
   }
 }
 </style>

package/components/YunAside.vue

@@ -38,7 +38,7 @@ const app = useAppStore()
 </template>
 
 <style lang="scss">
-@use '~/styles/mixins' as *;
+@use 'valaxy/client/styles/mixins' as *;
 
 .aside {
   position: fixed;

package/components/YunBackToTop.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { computed } from 'vue'
-import { useBackToTop } from '~/composables'
+import { useBackToTop } from 'valaxy'
 
 const { show, percentage } = useBackToTop({ offset: 100 })
 

package/components/YunBanner.vue

@@ -6,8 +6,9 @@
  */
 
 import { CSSProperties, computed } from 'vue'
+import { random } from 'valaxy'
 import { useThemeConfig } from '../composables'
-import { random } from '~/utils'
+
 const themeConfig = useThemeConfig()
 
 const chars = computed(() => {

package/components/YunBg.vue

@@ -2,7 +2,7 @@
 import { computed } from 'vue'
 import { useThemeConfig } from 'valaxy-theme-yun/composables'
 import { useCssVar } from '@vueuse/core'
-import { isDark } from '~/composables'
+import { isDark } from 'valaxy'
 
 const themeConfig = useThemeConfig()
 

package/components/YunConfig.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { useI18n } from 'vue-i18n'
 import { computed } from 'vue'
-import { isDark, toggleDark } from '~/composables'
+import { isDark, toggleDark } from 'valaxy'
 
 const { t } = useI18n()
 

package/components/YunOverview.vue

@@ -42,7 +42,7 @@ const router = useRouter()
 </template>
 
 <style lang="scss">
-@use "~/styles/mixins" as *;
+@use "valaxy/client/styles/mixins" as *;
 
 .sidebar-panel {
   padding: 0.5rem;

package/components/YunPostList.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue'
 import type { Post } from 'valaxy'
-import { usePostList } from '~/composables'
+import { usePostList } from 'valaxy'
 
 const props = withDefaults(defineProps<{
   type?: string

package/components/YunPostNav.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { usePrevNext } from '~/composables'
+import { usePrevNext } from 'valaxy'
 const [prev, next] = usePrevNext()
 </script>
 
@@ -21,7 +21,7 @@ const [prev, next] = usePrevNext()
 </template>
 
 <style lang="scss">
-@use '~/styles/mixins' as *;
+@use 'valaxy/client/styles/mixins' as *;
 
 .post-nav {
   display: flex;

package/components/YunSearch.vue

@@ -63,7 +63,7 @@ const trigger = () => {
 
 <style lang="scss">
 @use 'sass:map';
-@use '~/styles/vars' as *;
+@use 'valaxy/client/styles/vars' as *;
 
 .search-btn {
   position: fixed;

package/components/YunSidebarNav.vue

@@ -37,7 +37,7 @@ const tags = useTag()
 </template>
 
 <style lang="scss">
-@use "~/styles/mixins" as *;
+@use "valaxy/client/styles/mixins" as *;
 
 .site-nav {
   display: flex;

package/components/YunToc.vue

@@ -2,12 +2,12 @@
 import { computed, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 import type { Header } from 'valaxy'
-import { useThemeConfig } from '../composables'
-import { useFrontmatter } from '~/composables'
 import {
   resolveHeaders,
   useActiveAnchor,
-} from '~/composables/outline'
+  useFrontmatter,
+} from 'valaxy'
+import { useThemeConfig } from '../composables'
 
 const props = defineProps<{ headers: Header[] }>()
 

package/components/YunWaline.vue

@@ -2,7 +2,7 @@
 import { useConfig, useWaline } from 'valaxy'
 
 const config = useConfig()
-useWaline(config.value.comment.waline)
+useWaline(config.value.comment.waline, config.value.cdn.prefix)
 </script>
 
 <template>

package/config/index.ts

@@ -1,6 +1,6 @@
 import type { ThemeConfig, ThemeUserConfig } from '../types'
 
-export const anonymousImage = 'https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/avatar/none.jpg'
+export const anonymousImage = 'https://cdn.yunyoujun.cn/img/avatar/none.jpg'
 
 /**
  * Default Config
@@ -17,8 +17,8 @@ export const defaultThemeConfig: ThemeConfig = {
 
   bg_image: {
     enable: true,
-    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',
+    url: 'https://cdn.yunyoujun.cn/img/bg/stars-timing-0-blur-30px.jpg',
+    dark: 'https://cdn.yunyoujun.cn/img/bg/galaxy.jpg',
   },
 
   say: {
@@ -129,5 +129,11 @@ export function generateSafelist(themeConfig: ThemeUserConfig) {
   if (themeConfig.menu?.custom?.icon)
     safelist.push(themeConfig.menu?.custom?.icon)
 
+  if (themeConfig.pages) {
+    themeConfig.pages?.forEach((item) => {
+      item.icon && safelist.push(item.icon)
+    })
+  }
+
   return safelist
 }

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import { Plugin } from 'vite';
+import { ResolvedValaxyOptions } from 'valaxy';
 
 declare namespace YunTheme {
     type Config = ThemeConfig;
@@ -114,7 +115,7 @@ interface ThemeConfig {
 }
 declare type ThemeUserConfig = Partial<ThemeConfig>;
 
-declare const anonymousImage = "https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/avatar/none.jpg";
+declare const anonymousImage = "https://cdn.yunyoujun.cn/img/avatar/none.jpg";
 /**
  * Default Config
  */
@@ -132,6 +133,6 @@ interface UserOptions {
         primary: string;
     };
 }
-declare function yunPlugin(userOptions?: Partial<ThemeConfig>): Plugin;
+declare function themePlugin(options: ResolvedValaxyOptions): Plugin;
 
-export { ThemeConfig, ThemeUserConfig, UserOptions, YunTheme, anonymousImage, yunPlugin as default, defaultThemeConfig, generateSafelist, yunPlugin };
+export { ThemeConfig, ThemeUserConfig, UserOptions, YunTheme, anonymousImage, themePlugin as default, defaultThemeConfig, generateSafelist, themePlugin };

package/dist/index.js

@@ -1 +1 @@
-"use strict";var r=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var v=(e,i)=>{for(var o in i)r(e,o,{get:i[o],enumerable:!0})},x=(e,i,o,t)=>{if(i&&typeof i=="object"||typeof i=="function")for(let n of h(i))!y.call(e,n)&&n!==o&&r(e,n,{get:()=>i[n],enumerable:!(t=b(i,n))||t.enumerable});return e};var T=e=>x(r({},"__esModule",{value:!0}),e);var C={};v(C,{anonymousImage:()=>w,default:()=>j,defaultThemeConfig:()=>a,generateSafelist:()=>Y,yunPlugin:()=>g});module.exports=T(C);var w="https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/avatar/none.jpg",a={outlineTitle:"On this page",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"}}};function Y(e){var t,n,l,c,u,s,p,m,f;let i=[],o=e.types;if(o)for(let d in o)i.push((t=o[d])==null?void 0:t.icon);return(l=(n=e.footer)==null?void 0:n.icon)!=null&&l.name&&i.push((u=(c=e.footer)==null?void 0:c.icon)==null?void 0:u.name),(p=(s=e.menu)==null?void 0:s.custom)!=null&&p.icon&&i.push((f=(m=e.menu)==null?void 0:m.custom)==null?void 0:f.icon),i}function g(e=a){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 j=g;0&&(module.exports={anonymousImage,defaultThemeConfig,generateSafelist,yunPlugin});
+"use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var x=(o,i)=>{for(var e in i)a(o,e,{get:i[e],enumerable:!0})},v=(o,i,e,t)=>{if(i&&typeof i=="object"||typeof i=="function")for(let n of d(i))!h.call(o,n)&&n!==e&&a(o,n,{get:()=>i[n],enumerable:!(t=b(i,n))||t.enumerable});return o};var j=o=>v(a({},"__esModule",{value:!0}),o);var E={};x(E,{anonymousImage:()=>w,default:()=>D,defaultThemeConfig:()=>T,generateSafelist:()=>k,themePlugin:()=>g});module.exports=j(E);var w="https://cdn.yunyoujun.cn/img/avatar/none.jpg",T={outlineTitle:"On this page",colors:{primary:"#0078E7"},banner:{enable:!0,title:"\u4E91\u6E38\u541B\u7684\u5C0F\u7AD9"},bg_image:{enable:!0,url:"https://cdn.yunyoujun.cn/img/bg/stars-timing-0-blur-30px.jpg",dark:"https://cdn.yunyoujun.cn/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"}}};function k(o){var t,n,c,l,s,u,p,m,y,f;let i=[],e=o.types;if(e)for(let r in e)i.push((t=e[r])==null?void 0:t.icon);return(c=(n=o.footer)==null?void 0:n.icon)!=null&&c.name&&i.push((s=(l=o.footer)==null?void 0:l.icon)==null?void 0:s.name),(p=(u=o.menu)==null?void 0:u.custom)!=null&&p.icon&&i.push((y=(m=o.menu)==null?void 0:m.custom)==null?void 0:y.icon),o.pages&&((f=o.pages)==null||f.forEach(r=>{r.icon&&i.push(r.icon)})),i}function g(o){let i=o.config.themeConfig;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;`}}},optimizeDeps:{exclude:["@docsearch/js"]},valaxy:{}}}}}var D=g;0&&(module.exports={anonymousImage,defaultThemeConfig,generateSafelist,themePlugin});

package/dist/index.mjs

@@ -1 +1 @@
-var d="https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/avatar/none.jpg",m={outlineTitle:"On this page",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"}}};function b(i){var n,t,r,a,l,c,u,s,p;let e=[],o=i.types;if(o)for(let f in o)e.push((n=o[f])==null?void 0:n.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),(u=(c=i.menu)==null?void 0:c.custom)!=null&&u.icon&&e.push((p=(s=i.menu)==null?void 0:s.custom)==null?void 0:p.icon),e}function g(i=m){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 v=g;export{d as anonymousImage,v as default,m as defaultThemeConfig,b as generateSafelist,g as yunPlugin};
+var g="https://cdn.yunyoujun.cn/img/avatar/none.jpg",b={outlineTitle:"On this page",colors:{primary:"#0078E7"},banner:{enable:!0,title:"\u4E91\u6E38\u541B\u7684\u5C0F\u7AD9"},bg_image:{enable:!0,url:"https://cdn.yunyoujun.cn/img/bg/stars-timing-0-blur-30px.jpg",dark:"https://cdn.yunyoujun.cn/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"}}};function d(o){var t,r,a,c,l,s,u,p,m,y;let i=[],e=o.types;if(e)for(let n in e)i.push((t=e[n])==null?void 0:t.icon);return(a=(r=o.footer)==null?void 0:r.icon)!=null&&a.name&&i.push((l=(c=o.footer)==null?void 0:c.icon)==null?void 0:l.name),(u=(s=o.menu)==null?void 0:s.custom)!=null&&u.icon&&i.push((m=(p=o.menu)==null?void 0:p.custom)==null?void 0:m.icon),o.pages&&((y=o.pages)==null||y.forEach(n=>{n.icon&&i.push(n.icon)})),i}function f(o){let i=o.config.themeConfig;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;`}}},optimizeDeps:{exclude:["@docsearch/js"]},valaxy:{}}}}}var x=f;export{g as anonymousImage,x as default,b as defaultThemeConfig,d as generateSafelist,f as themePlugin};

package/layouts/home.vue

@@ -1,12 +1,8 @@
 <script lang="ts" setup>
-import { useConfig } from 'valaxy'
-import { useLayout } from '~/composables'
+import { useAppStore, useConfig, useLayout } from 'valaxy'
 
-import { useAppStore } from '~/stores/app'
 const app = useAppStore()
-
 const config = useConfig()
-
 const isHome = useLayout('home')
 </script>
 

package/node/index.ts

@@ -1,6 +1,5 @@
 import type { Plugin } from 'vite'
-import type { ThemeConfig } from '../types'
-import { defaultThemeConfig } from '../config'
+import type { ResolvedValaxyOptions } from 'valaxy'
 
 export * from '../config'
 export * from '../types'
@@ -11,7 +10,9 @@ export interface UserOptions {
   }
 }
 
-export function yunPlugin(userOptions: Partial<ThemeConfig> = defaultThemeConfig): Plugin {
+export function themePlugin(options: ResolvedValaxyOptions): Plugin {
+  const themeConfig = options.config.themeConfig
+
   return {
     name: 'valaxy-theme-yun',
     enforce: 'pre',
@@ -21,13 +22,19 @@ export function yunPlugin(userOptions: Partial<ThemeConfig> = defaultThemeConfig
         css: {
           preprocessorOptions: {
             scss: {
-              additionalData: `$c-primary: ${userOptions.colors?.primary || '#0078E7'} !default;`,
+              additionalData: `$c-primary: ${themeConfig.colors?.primary || '#0078E7'} !default;`,
             },
           },
         },
+
+        optimizeDeps: {
+          exclude: ['@docsearch/js'],
+        },
+
+        valaxy: {},
       }
     },
   }
 }
 
-export default yunPlugin
+export default themePlugin

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valaxy-theme-yun",
-  "version": "0.7.6",
+  "version": "0.8.0",
   "author": {
     "email": "me@yunyoujun.cn",
     "name": "YunYouJun",
@@ -22,11 +22,13 @@
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "dependencies": {
+    "@docsearch/css": "^3.1.1",
+    "@docsearch/js": "^3.1.1",
     "@iconify-json/ant-design": "^1.1.3",
     "@iconify-json/simple-icons": "^1.1.19"
   },
   "devDependencies": {
-    "valaxy": "0.7.6"
+    "valaxy": "0.8.0"
   },
   "scripts": {
     "build": "rimraf dist && tsup",

package/styles/css-vars.scss

@@ -1,11 +1,9 @@
-@use './vars' as *;
-@use '~/styles/mixins' as * with(
-  $namespace: 'yun'
-);
+@use "./vars" as *;
+@use "valaxy/client/styles/mixins" as * with($namespace: "yun");
 
 :root {
   @include set-css-var-from-map($common);
-  @include set-css-var-from-map($z-index, 'z');
+  @include set-css-var-from-map($z-index, "z");
 }
 
 :root {

package/styles/layout/index.scss

@@ -1,4 +1,4 @@
-@use "~/styles/mixins" as *;
+@use "valaxy/client/styles/mixins" as *;
 @use "./post" as *;
 
 .yun-main {

package/styles/layout/post.scss

@@ -1,4 +1,4 @@
-@use "~/styles/mixins" as *;
+@use "valaxy/client/styles/mixins" as *;
 
 .post-card {
   position: relative;

package/styles/markdown.scss

@@ -1,4 +1,4 @@
-@use "~/styles/mixins" as *;
+@use "valaxy/client/styles/mixins" as *;
 
 .markdown-body {
   --c-toc-link: var(--va-c-text-light);

package/styles/vars.scss

@@ -1,33 +1,47 @@
-@use 'sass:map';
+@use "sass:map";
 
 // palette
 $light: () !default;
-$light: map.merge((
-  'bg-image': url('https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/bg/stars-timing-0-blur-30px.jpg'),
-  'sidebar-bg-color': var(--va-c-bg-light),
-  'sidebar-bg-image': url("https://cdn.jsdelivr.net/gh/YunYouJun/cdn@master/img/bg/alpha-stars-timing-1.webp")
-), $light);
+$light: map.merge(
+  (
+    "bg-image":
+      url("https://cdn.yunyoujun.cn/img/bg/stars-timing-0-blur-30px.jpg"),
+    "sidebar-bg-color": var(--va-c-bg-light),
+    "sidebar-bg-image":
+      url("https://cdn.yunyoujun.cn/img/bg/alpha-stars-timing-1.webp"),
+  ),
+  $light
+);
 
 $dark: () !default;
-$dark: map.merge((
-  'bg-image': none,
-  'sidebar-bg-image': none
-), $dark);
+$dark: map.merge(
+  (
+    "bg-image": none,
+    "sidebar-bg-image": none,
+  ),
+  $dark
+);
 
 // common
 $common: () !default;
-$common: map.merge((
-  'post-card-max-width': 900px
-), $common);
+$common: map.merge(
+  (
+    "post-card-max-width": 900px,
+  ),
+  $common
+);
 
 $z-index: () !default;
-$z-index: map.merge((
-  'cloud': 8,
-  'go-down': 9,
-  'sidebar': 10,
-  'fireworks': 11,
-  'menu-btn': 20,
-  'go-up-btn': 20,
-  'search-popup': 30,
-  'search-btn': 31,
-), $z-index);
+$z-index: map.merge(
+  (
+    "cloud": 8,
+    "go-down": 9,
+    "sidebar": 10,
+    "fireworks": 11,
+    "menu-btn": 20,
+    "go-up-btn": 20,
+    "search-popup": 30,
+    "search-btn": 31,
+  ),
+  $z-index
+);

package/tsconfig.json

@@ -0,0 +1,27 @@
+{
+  // we need tsconfig.json to compile without
+  // error: This is likely not portable. A type annotation is necessary.
+  "compilerOptions": {
+    "allowJs": true,
+    "baseUrl": ".",
+    "module": "ESNext",
+    "target": "ESNext",
+    "lib": ["DOM", "ESNext"],
+    "strict": true,
+    "esModuleInterop": true,
+    "jsx": "preserve",
+    "skipLibCheck": true,
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "noUnusedLocals": true,
+    "strictNullChecks": true,
+    "forceConsistentCasingInFileNames": true,
+    "types": [
+      "vite/client",
+      "vue/ref-macros",
+      "vite-plugin-pages/client",
+      "vite-plugin-vue-layouts/client"
+    ]
+  },
+  "exclude": ["**/dist/**", "node_modules"]
+}