valaxy-theme-press 0.19.13 → 0.20.0-beta.5

package/components/PressAside.vue

@@ -1,28 +1,29 @@
 <script lang="ts" setup>
-import { useAppStore, useFrontmatter } from 'valaxy'
+import { useFrontmatter } from 'valaxy'
+import { usePressAppStore } from '../stores/app'
 import PressOutline from './PressOutline.vue'
 
 const frontmatter = useFrontmatter()
-const app = useAppStore()
+const press = usePressAppStore()
 </script>
 
 <template>
   <button
     class="toc-btn shadow-lg fixed press-icon-btn z-99 lt-md:hidden! xl:hidden!"
     right="5" bottom="24"
-    @click="app.toggleRightSidebar()"
+    @click="press.rightSidebar.toggle()"
   >
     <div i-ri-file-list-line />
   </button>
 
-  <ValaxyOverlay :show="app.isRightSidebarOpen" @click="app.toggleRightSidebar()" />
+  <ValaxyOverlay :show="press.rightSidebar.isOpen" @click="press.rightSidebar.toggle()" />
 
   <aside
     class="press-aside lt-xl:fixed shadow xl:(shadow-none hover:shadow-none) hover:shadow-lg"
     flex="~ col grow"
     p="l-0 xl:l-8" text="center"
     z="$"
-    :class="app.isRightSidebarOpen && 'open'"
+    :class="press.rightSidebar.isOpen && 'open'"
   >
     <div class="aside-curtain" />
     <div class="aside-container lt-xl:fixed" flex="~ col">

package/components/PressOutline.vue

@@ -11,9 +11,8 @@ const { t } = useI18n()
 const container = ref()
 const marker = ref()
 
-useActiveAnchor(container, marker)
-
 const { headers, handleClick } = useOutline()
+useActiveAnchor(container, marker)
 </script>
 
 <template>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valaxy-theme-press",
-  "version": "0.19.13",
+  "version": "0.20.0-beta.5",
   "description": "Docs Theme for Valaxy",
   "author": {
     "email": "me@yunyoujun.cn",
@@ -26,6 +26,6 @@
     "@docsearch/js": "^3.6.2"
   },
   "devDependencies": {
-    "valaxy": "0.19.13"
+    "valaxy": "0.20.0-beta.5"
   }
 }

package/stores/app.ts

@@ -0,0 +1,17 @@
+import { acceptHMRUpdate, defineStore } from 'pinia'
+import { useToggle } from '@vueuse/core'
+
+export const usePressAppStore = defineStore('press-app', () => {
+  // 右侧边栏
+  const [isRightSidebarOpen, toggleRightSidebar] = useToggle()
+
+  return {
+    rightSidebar: {
+      isOpen: isRightSidebarOpen,
+      toggle: toggleRightSidebar,
+    },
+  }
+})
+
+if (import.meta.hot)
+  import.meta.hot.accept(acceptHMRUpdate(usePressAppStore, import.meta.hot))

package/stores/index.ts

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