@voidzero-dev/vitepress-theme 4.2.1 → 4.3.0

package/package.json

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

package/src/components/oss/CTAShaderBackground.vue

@@ -9,7 +9,7 @@ import {
   Ripples,
 } from 'shaders/vue'
 
-type Variant = 'vite' | 'vitest' | 'rolldown' | 'oxc'
+type Variant = 'vite' | 'vitest' | 'rolldown' | 'oxc' | 'viteplus'
 
 interface ColorPalette {
   dark: string

package/src/components/oss/Header.vue

@@ -14,6 +14,8 @@ import VPNavBarTranslations from '@vp-default/VPNavBarTranslations.vue'
 import VPNavBarSocialLinks from '@vp-default/VPNavBarSocialLinks.vue'
 import VPNavBarExtra from '@vp-default/VPNavBarExtra.vue'
 import VPSwitchAppearance from '@vp-default/VPSwitchAppearance.vue'
+import VPSocialLinks from '@vp-default/VPSocialLinks.vue'
+
 import { useLangs } from '@vp-composables/langs'
 
 const { theme, frontmatter, isDark } = useData()
@@ -407,21 +409,11 @@ onUnmounted(() => {
 
               <!-- Social Icons -->
               <div class="flex items-center justify-center gap-4 pt-4">
-                <a href="https://github.com/voidzero-dev" target="_blank" rel="noopener noreferrer"
-                  class="hover:opacity-70 transition-opacity" @click="closeMobileMenu">
-                  <img src="@assets/social/github.svg" alt="GitHub" class="size-6 block dark:hidden">
-                  <img src="@assets/social/github-light.svg" alt="GitHub" class="size-6 hidden dark:block">
-                </a>
-                <a href="https://bsky.app/profile/voidzero.dev" target="_blank" rel="noopener noreferrer"
-                  class="hover:opacity-70 transition-opacity" @click="closeMobileMenu">
-                  <img src="@assets/social/bluesky.svg" alt="Bluesky" class="size-6 block dark:hidden">
-                  <img src="@assets/social/bluesky-light.svg" alt="Bluesky" class="size-6 hidden dark:block">
-                </a>
-                <a href="https://x.com/voidzerodev" target="_blank" rel="noopener noreferrer"
-                  class="hover:opacity-70 transition-opacity" @click="closeMobileMenu">
-                  <img src="@assets/social/twitter.svg" alt="X" class="size-6 block dark:hidden">
-                  <img src="@assets/social/twitter-light.svg" alt="X" class="size-6 hidden dark:block">
-                </a>
+                  <VPSocialLinks
+                    @click="closeMobileMenu"
+                    v-if="theme.socialLinks"
+                    :links="theme.socialLinks"
+                  />
               </div>
             </div>
           </div>

package/src/styles/marketing.css

@@ -175,6 +175,10 @@
         background-image: url('../assets/oxc/primary-button-background.jpg');
     }
 
+    :root[data-variant="viteplus"] .button--primary::before {
+        background-image: url('../assets/viteplus/primary-button-background.jpg');
+    }
+
     @keyframes move-background {
         0%, 100% {
             background-position: 40% 40%;

package/src/types/theme-config.ts

@@ -73,7 +73,7 @@ export interface BannerConfig {
   /** Optional: Link target (defaults to '_blank' for external URLs) */
   target?: '_self' | '_blank'
   /** Optional: Override the variant styling (defaults to theme variant) */
-  variant?: 'vite' | 'vitest' | 'rolldown' | 'oxc'
+  variant?: 'vite' | 'vitest' | 'rolldown' | 'oxc' | 'viteplus'
 }
 
 /**

package/src/viteplus.ts

@@ -0,0 +1,22 @@
+import { VoidZeroTheme, themeContextKey } from "./";
+import type { Theme } from "vitepress";
+
+// inject project variant assets
+import logoDark from "@assets/logos/viteplus-dark.svg";
+import logoLight from "@assets/logos/viteplus-light.svg";
+import footerBg from "@assets/viteplus/footer-background.jpg";
+import monoIcon from "@assets/icons/viteplus-mono.svg";
+
+export default {
+  ...VoidZeroTheme,
+  enhanceApp(ctx) {
+    ctx.app.provide(themeContextKey, {
+      logoDark,
+      logoLight,
+      logoAlt: "Vite+",
+      footerBg,
+      monoIcon,
+    });
+    VoidZeroTheme.enhanceApp(ctx);
+  },
+} satisfies Theme;