@voidzero-dev/vitepress-theme 4.3.0 → 4.4.1

package/config.js

@@ -12,7 +12,6 @@ const aliases = {
     "src/composables/vitepress-default"
   ),
   "@vp-support": resolve(__dirname, "src/support/vitepress-default"),
-  "@rive-app/canvas-lite": import.meta.resolve("@rive-app/canvas-lite"),
 };
 
 export function extendConfig(c) {
@@ -78,8 +77,10 @@ export function extendConfig(c) {
 
   const pkg = "@voidzero-dev/vitepress-theme";
 
-  // inject optimize exclude
+  // inject optimize include / exclude
   v.optimizeDeps ??= {};
+  v.optimizeDeps.include ??= [];
+  v.optimizeDeps.include.push(`${pkg} > @rive-app/canvas-lite`);
   v.optimizeDeps.exclude ??= [];
   v.optimizeDeps.exclude.push(pkg);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@voidzero-dev/vitepress-theme",
-  "version": "4.3.0",
+  "version": "4.4.1",
   "description": "Shared VitePress theme for VoidZero projects",
   "type": "module",
   "license": "UNLICENSED",

package/src/components/oss/Header.vue

@@ -197,8 +197,8 @@ onUnmounted(() => {
     <header
       class="wrapper px-6 py-5 flex items-center justify-between relative bg-white dark:bg-primary border-b border-stroke dark:border-nickel">
       <!-- Left side: Logo + Nav -->
-      <div class="flex items-center gap-10">
-        <a href="/" class="shrink-0">
+      <div class="flex gap-10 self-stretch">
+        <a href="/" class="flex items-center -mx-2 px-2">
           <slot name="nav-bar-title-before" />
           <img class="h-4 block dark:hidden" :src="logoDark" :alt="logoAlt" />
           <img class="h-4 hidden dark:block" :src="logoLight" :alt="logoAlt" />

package/src/components/shared/RiveAnimation.vue

@@ -1,7 +1,10 @@
 <script setup lang="ts">
 import * as rive from "@rive-app/canvas-lite"
+import riveWasm from "@rive-app/canvas-lite/rive.wasm?url"
 import { ref, onMounted, onUnmounted, computed } from "vue"
 
+rive.RuntimeLoader.setWasmUrl(riveWasm)
+
 interface Props {
   desktopSrc: string
   mobileSrc?: string

package/src/components/vitepress-default/VPLocalSearchBox.vue

@@ -115,6 +115,7 @@ watch([() => searchIndexLoading.value, () => searchIndexError.value], ([loading,
     // Small delay to ensure DOM has updated with the search input
     nextTick(() => {
       activate()
+      focusSearchInput()
     })
   }
 }, { immediate: true })

package/src/env.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="vite/client" />
+/// <reference types="vitepress/client" />
 
 // Asset module declarations
 declare module '*.riv' {

package/src/styles/tokens.css

@@ -26,7 +26,7 @@
     --color-primary: #16171d;
     --color-beige: #F4F3EC;
     --color-nickel: #3B3440;
-    --color-grey: #827A89;
+    --color-grey: #867e8e;
     --color-stroke: #E5E4E7;
     --color-midnight: #0C0912;
     --color-slate: #14121A;

package/src/styles/vitepress-default/components/vp-doc.css

@@ -235,11 +235,21 @@
   background-color: transparent;
 }
 
+.vp-doc .custom-block .vp-code-group,
+.vp-doc .custom-block [class*='vp-code-block'] {
+  margin-top: 8px;
+}
+
 .vp-doc .custom-block .vp-code-group .tabs {
   margin: 0;
   border-radius: 8px 8px 0 0;
 }
 
+.vp-doc .custom-block .vp-code-group div[class*='language-'],
+.vp-doc .custom-block [class*='vp-code-block'] div[class*='language-'] {
+  margin-top: 0 !important;
+}
+
 /**
  * Code
  * -------------------------------------------------------------------------- */
@@ -288,6 +298,7 @@
   .vp-doc div[class*='language-'],
   .vp-block {
     margin: 16px -24px;
+    border-radius: 0;
   }
 
   .vp-doc li div[class*='language-'] {

package/src/styles/vitepress-default/vars.css

@@ -313,7 +313,7 @@
   --vp-z-index-sidebar: 60;
 }
 
-@media (min-width: 960px) {
+@media (min-width: 1024px) {
   :root {
     --vp-z-index-sidebar: 25;
   }