@voidzero-dev/vitepress-theme 2.0.0 → 2.1.0

package/src/vitepress/index.ts

@@ -15,247 +15,80 @@
 
 // Unified design system - single import
 // Contains: tokens → base → docs → marketing (in that order)
-import './styles/index.css'
+import "./styles/index.css";
 
-import type {Theme} from 'vitepress'
-import {watch} from 'vue'
+import type { Theme } from "vitepress";
+import { watch } from "vue";
 
 // Main layout router
-import VPLayout from './layouts/VPLayout.vue'
-
-// Shared components
-import Terminal from '@components/shared/Terminal.vue'
-import Eyebrow from '@components/shared/Eyebrow.vue'
-import RiveAnimation from '@components/shared/RiveAnimation.vue'
-import LogoGrid from '@components/shared/LogoGrid.vue'
-import CodeGroup from '@components/shared/CodeGroup.vue'
-
+import VPLayout from "./layouts/VPLayout.vue";
 // VitePress default theme components (forked)
-import VPBadge from '@vp-default/VPBadge.vue'
-
-// Vite+
-import VitePlusHeader from '@components/viteplus/Header.vue'
-
-// VoidZero
-import VoidZeroFooter from '@components/voidzero/Footer.vue'
-import VoidZeroHeader from '@components/voidzero/Header.vue'
-
-// VoidZero (Home)
-import VoidZeroHomeHero from '@components/voidzero/home/Hero.vue'
-import TrustedBy from "@components/voidzero/home/TrustedBy.vue"
-import VitePlusSectionHeading from "@components/voidzero/home/VitePlusSectionHeading.vue"
-import VitePlusSectionFeatures from "@components/voidzero/home/VitePlusSectionFeatures.vue"
-import OpenSourceSectionHeading from "@components/voidzero/home/OpenSourceSectionHeading.vue"
-import OpenSourceSectionProjects from "@components/voidzero/home/OpenSourceSectionProjects.vue"
-import CustomersSectionHeading from "@components/voidzero/home/CustomersSectionHeading.vue"
-import CaseStudySlider from "@components/voidzero/home/CaseStudySlider.vue"
-import StatisticsSectionHeading from "@components/voidzero/home/StatisticsSectionHeading.vue"
-import Statistics from "@components/voidzero/home/Statistics.vue"
-import TeamCTA from "@components/voidzero/home/TeamCTA.vue"
-import Investors from "@components/voidzero/home/Investors.vue"
-import Spacer from "@components/shared/Spacer.vue"
-import Resources from "@components/voidzero/home/Resources.vue"
-import NewsletterCTA from "@components/voidzero/home/NewsletterCTA.vue"
-
-// VoidZero (About)
-import VoidZeroAboutHero from '@components/voidzero/about/Hero.vue'
-import TeamSectionHeading from "@components/voidzero/about/TeamSectionHeading.vue"
-import TeamGrid from "@components/voidzero/about/TeamGrid.vue"
-import CareerCTA from '@components/voidzero/about/CareerCTA.vue'
-import VoidZeroAboutInvestors from '@components/voidzero/about/Investors.vue'
-
-// VoidZero (Articles)
-import FeaturedArticles from '@components/voidzero/blog/FeaturedArticles.vue'
-import BlogArchive from '@components/voidzero/blog/BlogArchive.vue'
-import BlogSingleHero from "@components/voidzero/blog/BlogSingleHero.vue";
-import BlogSingleContent from "@components/voidzero/blog/BlogSingleContent.vue";
-import BlogSingleRelated from "@components/voidzero/blog/BlogSingleRelated.vue";
-
-// OSS
-import OSSHeader from '@components/oss/Header.vue'
-import OSSFooter from '@components/oss/Footer.vue'
-import OSSTrustedBy from '@components/oss/TrustedBy.vue'
-import OSSHeadingSection from '@components/oss/HeadingSection.vue'
-import OSSSponsors from '@components/oss/Sponsors.vue'
-
-// Vite
-import ViteHero from '@components/vite/Hero.vue'
-import ViteFeaturePanel1 from '@components/vite/FeaturePanel1.vue'
-import ViteFeaturePanel2 from '@components/vite/FeaturePanel2.vue'
-import ViteFeaturePanel3 from '@components/vite/FeaturePanel3.vue'
-import ViteFeaturePanel4 from '@components/vite/FeaturePanel4.vue'
-import ViteFeatureGrid from '@components/vite/FeatureGrid.vue'
-import ViteFrameworks from '@components/vite/Frameworks.vue'
-import ViteCommunity from '@components/vite/Community.vue'
-
-// Vitest
-import VitestHero from '@components/vitest/Hero.vue'
-import VitestIntro from '@components/vitest/Intro.vue'
-import VitestFeatureGrid from '@components/vitest/FeatureGrid.vue'
-
-// Rolldown
-import RolldownHero from '@components/rolldown/Hero.vue'
-import RolldownFeatureGrid from '@components/rolldown/FeatureGrid.vue'
-
-// OXC
-import OXCHero from '@components/oxc/Hero.vue'
-import OXCFeatureToolbar from '@components/oxc/FeatureToolbar.vue'
-import OXCFeatureParser from '@components/oxc/FeatureParser.vue'
-import OXCFeatureLinter from '@components/oxc/FeatureLinter.vue'
-import OXCFeatureResolver from '@components/oxc/FeatureResolver.vue'
-import OXCFeatureTransformer from '@components/oxc/FeatureTransformer.vue'
-import OXCFeatureMinifierFormatter from '@components/oxc/FeatureMinifierFormatter.vue'
+import VPBadge from "@vp-default/VPBadge.vue";
 
 const VoidZeroTheme = {
-    Layout: VPLayout, // Smart layout router that switches between VP and custom layouts
-    enhanceApp({app, router, siteData}) {
-        const variant = siteData.value.themeConfig?.variant || 'voidzero'
-        if (typeof document !== 'undefined') {
-            document.documentElement.setAttribute('data-variant', variant)
-
-            // Watch for frontmatter.theme changes and apply theme logic
-            watch(
-                () => router.route.data.frontmatter?.theme,
-                (theme) => {
-                    if (theme) {
-                        // Forced theme via frontmatter
-                        document.documentElement.setAttribute('data-theme', theme)
-                    } else if (variant === 'voidzero' || variant === 'viteplus') {
-                        // Non-OSS: Always force light mode (ignore user preference)
-                        document.documentElement.setAttribute('data-theme', 'light')
-                    } else {
-                        // OSS: Respect user preference, but default to dark if no preference
-                        document.documentElement.removeAttribute('data-theme')
-
-                        const hasUserPreference = localStorage.getItem('vitepress-theme-appearance')
-                        if (!hasUserPreference && !document.documentElement.classList.contains('dark')) {
-                            // No user preference - set dark as default for OSS
-                            document.documentElement.classList.add('dark')
-                        }
-                    }
-                },
-                {immediate: true}
-            )
-        }
-
-        // VitePress default theme component (for markdown usage)
-        app.component('Badge', VPBadge)
-
-        // Shared Components
-        app.component('Terminal', Terminal)
-        app.component('Eyebrow', Eyebrow)
-        app.component('RiveAnimation', RiveAnimation)
-        app.component('LogoGrid', LogoGrid)
-        app.component('Spacer', Spacer)
-        app.component('CodeGroup', CodeGroup)
-        if (variant === 'viteplus') {
-            // Vite+
-            app.component('Header', VitePlusHeader)
-        } else if (variant === 'voidzero') {
-            // VoidZero
-            app.component('Header', VoidZeroHeader)
-            app.component('Footer', VoidZeroFooter)
-            app.component('Hero', VoidZeroHomeHero)
-            app.component('TrustedBy', TrustedBy)
-            app.component('VitePlusSectionHeading', VitePlusSectionHeading)
-            app.component('VitePlusSectionFeatures', VitePlusSectionFeatures)
-            app.component('OpenSourceSectionHeading', OpenSourceSectionHeading)
-            app.component('OpenSourceSectionProjects', OpenSourceSectionProjects)
-            app.component('CustomersSectionHeading', CustomersSectionHeading)
-            app.component('CaseStudySlider', CaseStudySlider)
-            app.component('StatisticsSectionHeading', StatisticsSectionHeading)
-            app.component('Statistics', Statistics)
-            app.component('TeamCTA', TeamCTA)
-            app.component('Investors', Investors)
-            app.component('Resources', Resources)
-            app.component('NewsletterCTA', NewsletterCTA)
-            app.component('AboutHero', VoidZeroAboutHero)
-            app.component('TeamSectionHeading', TeamSectionHeading)
-            app.component('TeamGrid', TeamGrid)
-            app.component('CareerCTA', CareerCTA)
-            app.component('AboutInvestors', VoidZeroAboutInvestors)
-            app.component('FeaturedArticles', FeaturedArticles)
-            app.component('BlogArchive', BlogArchive)
-            app.component('BlogSingleHero', BlogSingleHero)
-            app.component('BlogSingleContent', BlogSingleContent)
-            app.component('BlogSingleRelated', BlogSingleRelated)
-        } else if (variant === 'vite') {
-            // Vite
-            app.component('Header', OSSHeader)
-            app.component('Footer', OSSFooter)
-            app.component('Hero', ViteHero)
-            app.component('TrustedBy', OSSTrustedBy)
-            app.component('HeadingSection', OSSHeadingSection)
-            app.component('ViteFeaturePanel1', ViteFeaturePanel1)
-            app.component('ViteFeaturePanel2', ViteFeaturePanel2)
-            app.component('ViteFeaturePanel3', ViteFeaturePanel3)
-            app.component('ViteFeaturePanel4', ViteFeaturePanel4)
-            app.component('ViteFeatureGrid', ViteFeatureGrid)
-            app.component('ViteFrameworks', ViteFrameworks)
-            app.component('ViteCommunity', ViteCommunity)
-            app.component('ViteSponsors', OSSSponsors)
-        } else if (variant === 'vitest') {
-            // Vitest
-            app.component('Header', OSSHeader)
-            app.component('Footer', OSSFooter)
-            app.component('Hero', VitestHero)
-            app.component('TrustedBy', OSSTrustedBy)
-            app.component('Intro', VitestIntro)
-            app.component('HeadingSection', OSSHeadingSection)
-            app.component('VitestFeatureGrid', VitestFeatureGrid)
-            app.component('Sponsors', OSSSponsors)
-        } else if (variant === 'rolldown') {
-            // Rolldown
-            app.component('Header', OSSHeader)
-            app.component('Footer', OSSFooter)
-            app.component('Hero', RolldownHero)
-            app.component('TrustedBy', OSSTrustedBy)
-            app.component('HeadingSection', OSSHeadingSection)
-            app.component('RolldownFeatureGrid', RolldownFeatureGrid)
-            app.component('Sponsors', OSSSponsors)
-        } else if (variant === 'oxc') {
-            // OXC
-            app.component('Header', OSSHeader)
-            app.component('Footer', OSSFooter)
-            app.component('Hero', OXCHero)
-            app.component('TrustedBy', OSSTrustedBy)
-            app.component('HeadingSection', OSSHeadingSection)
-            app.component('FeatureToolbar', OXCFeatureToolbar)
-            app.component('FeatureParser', OXCFeatureParser)
-            app.component('FeatureLinter', OXCFeatureLinter)
-            app.component('FeatureResolver', OXCFeatureResolver)
-            app.component('FeatureTransformer', OXCFeatureTransformer)
-            app.component('FeatureMinifierFormatter', OXCFeatureMinifierFormatter)
-            app.component('Sponsors', OSSSponsors)
-        }
-    },
-} satisfies Theme
+  Layout: VPLayout, // Smart layout router that switches between VP and custom layouts
+  enhanceApp({ app, router, siteData }) {
+    const variant = siteData.value.themeConfig?.variant || "voidzero";
+    if (typeof document !== "undefined") {
+      document.documentElement.setAttribute("data-variant", variant);
+
+      // Watch for frontmatter.theme changes and apply theme logic
+      watch(
+        () => router.route.data.frontmatter?.theme,
+        (theme) => {
+          if (theme) {
+            // Forced theme via frontmatter
+            document.documentElement.setAttribute("data-theme", theme);
+          } else {
+            // OSS: Respect user preference, but default to dark if no preference
+            document.documentElement.removeAttribute("data-theme");
+
+            const hasUserPreference = localStorage.getItem(
+              "vitepress-theme-appearance"
+            );
+            if (
+              !hasUserPreference &&
+              !document.documentElement.classList.contains("dark")
+            ) {
+              // No user preference - set dark as default for OSS
+              document.documentElement.classList.add("dark");
+            }
+          }
+        },
+        { immediate: true }
+      );
+    }
+
+    // VitePress default theme component (for markdown usage)
+    app.component("Badge", VPBadge);
+  },
+} satisfies Theme;
 
 // VP components (for use in Markdown and custom components)
-export {default as VPBadge} from '@vp-default/VPBadge.vue'
-export {default as VPButton} from '@vp-default/VPButton.vue'
-export {default as VPDocAsideSponsors} from '@vp-default/VPDocAsideSponsors.vue'
-export {default as VPFeatures} from '@vp-default/VPFeatures.vue'
-export {default as VPHomeContent} from '@vp-default/VPHomeContent.vue'
-export {default as VPHomeFeatures} from '@vp-default/VPHomeFeatures.vue'
-export {default as VPHomeHero} from '@vp-default/VPHomeHero.vue'
-export {default as VPHomeSponsors} from '@vp-default/VPHomeSponsors.vue'
-export {default as VPImage} from '@vp-default/VPImage.vue'
-export {default as VPLink} from '@vp-default/VPLink.vue'
-export {default as VPSocialLink} from '@vp-default/VPSocialLink.vue'
-export {default as VPSocialLinks} from '@vp-default/VPSocialLinks.vue'
-export {default as VPSponsors} from '@vp-default/VPSponsors.vue'
-export {default as VPTeamMembers} from '@vp-default/VPTeamMembers.vue'
-export {default as VPTeamPage} from '@vp-default/VPTeamPage.vue'
-export {default as VPTeamPageSection} from '@vp-default/VPTeamPageSection.vue'
-export {default as VPTeamPageTitle} from '@vp-default/VPTeamPageTitle.vue'
+export { default as VPBadge } from "@vp-default/VPBadge.vue";
+export { default as VPButton } from "@vp-default/VPButton.vue";
+export { default as VPDocAsideSponsors } from "@vp-default/VPDocAsideSponsors.vue";
+export { default as VPFeatures } from "@vp-default/VPFeatures.vue";
+export { default as VPHomeContent } from "@vp-default/VPHomeContent.vue";
+export { default as VPHomeFeatures } from "@vp-default/VPHomeFeatures.vue";
+export { default as VPHomeHero } from "@vp-default/VPHomeHero.vue";
+export { default as VPHomeSponsors } from "@vp-default/VPHomeSponsors.vue";
+export { default as VPImage } from "@vp-default/VPImage.vue";
+export { default as VPLink } from "@vp-default/VPLink.vue";
+export { default as VPSocialLink } from "@vp-default/VPSocialLink.vue";
+export { default as VPSocialLinks } from "@vp-default/VPSocialLinks.vue";
+export { default as VPSponsors } from "@vp-default/VPSponsors.vue";
+export { default as VPTeamMembers } from "@vp-default/VPTeamMembers.vue";
+export { default as VPTeamPage } from "@vp-default/VPTeamPage.vue";
+export { default as VPTeamPageSection } from "@vp-default/VPTeamPageSection.vue";
+export { default as VPTeamPageTitle } from "@vp-default/VPTeamPageTitle.vue";
 
 // Export custom layouts and components
-export {VoidZeroTheme}
-export default VoidZeroTheme
+export { VoidZeroTheme };
+export default VoidZeroTheme;
 
 // Export types
-export type { Sponsors } from './components/vitepress-default/VPSponsors.vue'
+export type { Sponsors } from "./components/vitepress-default/VPSponsors.vue";
 export type {
   BannerConfig,
   FooterConfig,
@@ -266,4 +99,5 @@ export type {
   Sponsor,
   SponsorTier,
   VoidZeroThemeConfig,
-} from './types/theme-config'
+} from "./types/theme-config";
+export { type ThemeContext, themeContextKey } from "./types/theme-context";

package/src/vitepress/layouts/VPLayout.vue

@@ -6,9 +6,6 @@ import { useData } from 'vitepress'
 import VPDefaultLayout from '@vp-default/Layout.vue'
 
 // Import custom variant layouts/components
-import VoidZeroHeader from '@components/voidzero/Header.vue'
-import VoidZeroFooter from '@components/voidzero/Footer.vue'
-import VitePlusHeader from '@components/viteplus/Header.vue'
 import OSSHeader from '@components/oss/Header.vue'
 import TopBanner from '@components/oss/TopBanner.vue'
 
@@ -16,7 +13,7 @@ const { frontmatter, site } = useData()
 const slots = useSlots()
 
 // Determine variant from theme config
-const variant = computed(() => site.value.themeConfig?.variant || 'voidzero')
+const variant = computed(() => site.value.themeConfig?.variant || 'vite')
 
 // Determine which layout to use based on frontmatter.layout
 // Default behavior (no layout specified) = use VitePress doc layout
@@ -45,21 +42,9 @@ const useVPLayout = computed(() => {
       </template>
     </VPDefaultLayout>
   </div>
-
-  <div v-else-if="variant === 'viteplus'" class="marketing-layout" :data-theme="frontmatter.theme" :data-variant="variant">
-    <VitePlusHeader />
-    <Content />
-  </div>
-
-  <div v-else-if="variant === 'voidzero'" class="marketing-layout" :data-theme="frontmatter.theme" :data-variant="variant">
-    <VoidZeroHeader />
-    <Content />
-    <VoidZeroFooter />
-  </div>
-
   <div v-else class="marketing-layout" :data-theme="frontmatter.theme" :data-variant="variant">
     <TopBanner />
-    <OSSHeader/>
+    <OSSHeader />
     <Content />
   </div>
 </template>

package/src/vitepress/styles/tokens.css

@@ -17,7 +17,7 @@
     /* Typography tokens */
     --font-*: initial;
     --font-heading: 'APK Protocol', sans-serif;
-    --font-sans: 'KH Teka', sans-serif;
+    --font-sans: Inter, sans-serif;
     --font-mono: 'KH Teka Mono', monospace;
 
     /* Color palette */
@@ -113,15 +113,9 @@
 }
 
 @font-face {
-    font-family: 'KH Teka';
-    font-weight: 400;
-    src: url('../fonts/KHTeka-Regular.woff2') format('woff2');
-}
-
-@font-face {
-    font-family: 'KH Teka';
-    font-weight: 500;
-    src: url('../fonts/KHTeka-Medium.woff2') format('woff2');
+  font-family: 'APK Protocol';
+  font-weight: 700;
+  src: url('../fonts/APK-Protocol-Semi-Bold.woff2') format('woff2');
 }
 
 @font-face {
@@ -135,3 +129,193 @@
     font-weight: 500;
     src: url('../fonts/KHTekaMono-Medium.woff2') format('woff2');
 }
+
+@font-face {
+    font-family: Inter;
+    font-style: normal;
+    font-weight: 100 900;
+    font-display: swap;
+    src: url('../fonts/inter-roman-cyrillic-ext.woff2') format('woff2');
+    unicode-range:
+      U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+  }
+  
+  @font-face {
+    font-family: Inter;
+    font-style: normal;
+    font-weight: 100 900;
+    font-display: swap;
+    src: url('../fonts/inter-roman-cyrillic.woff2') format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+  }
+  
+  @font-face {
+    font-family: Inter;
+    font-style: normal;
+    font-weight: 100 900;
+    font-display: swap;
+    src: url('../fonts/inter-roman-greek-ext.woff2') format('woff2');
+    unicode-range: U+1F00-1FFF;
+  }
+  
+  @font-face {
+    font-family: Inter;
+    font-style: normal;
+    font-weight: 100 900;
+    font-display: swap;
+    src: url('../fonts/inter-roman-greek.woff2') format('woff2');
+    unicode-range:
+      U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
+  }
+  
+  @font-face {
+    font-family: Inter;
+    font-style: normal;
+    font-weight: 100 900;
+    font-display: swap;
+    src: url('../fonts/inter-roman-vietnamese.woff2') format('woff2');
+    unicode-range:
+      U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
+      U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
+      U+1EA0-1EF9, U+20AB;
+  }
+  
+  @font-face {
+    font-family: Inter;
+    font-style: normal;
+    font-weight: 100 900;
+    font-display: swap;
+    src: url('../fonts/inter-roman-latin-ext.woff2') format('woff2');
+    unicode-range:
+      U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
+      U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  
+  @font-face {
+    font-family: Inter;
+    font-style: normal;
+    font-weight: 100 900;
+    font-display: swap;
+    src: url('../fonts/inter-roman-latin.woff2') format('woff2');
+    unicode-range:
+      U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+      U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
+      U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+  
+  @font-face {
+    font-family: Inter;
+    font-style: italic;
+    font-weight: 100 900;
+    font-display: swap;
+    src: url('../fonts/inter-italic-cyrillic-ext.woff2') format('woff2');
+    unicode-range:
+      U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+  }
+  
+  @font-face {
+    font-family: Inter;
+    font-style: italic;
+    font-weight: 100 900;
+    font-display: swap;
+    src: url('../fonts/inter-italic-cyrillic.woff2') format('woff2');
+    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+  }
+  
+  @font-face {
+    font-family: Inter;
+    font-style: italic;
+    font-weight: 100 900;
+    font-display: swap;
+    src: url('../fonts/inter-italic-greek-ext.woff2') format('woff2');
+    unicode-range: U+1F00-1FFF;
+  }
+  
+  @font-face {
+    font-family: Inter;
+    font-style: italic;
+    font-weight: 100 900;
+    font-display: swap;
+    src: url('../fonts/inter-italic-greek.woff2') format('woff2');
+    unicode-range:
+      U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
+  }
+  
+  @font-face {
+    font-family: Inter;
+    font-style: italic;
+    font-weight: 100 900;
+    font-display: swap;
+    src: url('../fonts/inter-italic-vietnamese.woff2') format('woff2');
+    unicode-range:
+      U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
+      U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
+      U+1EA0-1EF9, U+20AB;
+  }
+  
+  @font-face {
+    font-family: Inter;
+    font-style: italic;
+    font-weight: 100 900;
+    font-display: swap;
+    src: url('../fonts/inter-italic-latin-ext.woff2') format('woff2');
+    unicode-range:
+      U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
+      U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  
+  @font-face {
+    font-family: Inter;
+    font-style: italic;
+    font-weight: 100 900;
+    font-display: swap;
+    src: url('../fonts/inter-italic-latin.woff2') format('woff2');
+    unicode-range:
+      U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+      U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
+      U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+  
+  @font-face {
+    font-family: 'Punctuation SC';
+    font-weight: 400;
+    src:
+      local('PingFang SC Regular'), local('Noto Sans CJK SC'),
+      local('Microsoft YaHei');
+    unicode-range:
+      U+201C, U+201D, U+2018, U+2019, U+2E3A, U+2014, U+2013, U+2026, U+00B7,
+      U+007E, U+002F;
+  }
+  
+  @font-face {
+    font-family: 'Punctuation SC';
+    font-weight: 500;
+    src:
+      local('PingFang SC Medium'), local('Noto Sans CJK SC'),
+      local('Microsoft YaHei');
+    unicode-range:
+      U+201C, U+201D, U+2018, U+2019, U+2E3A, U+2014, U+2013, U+2026, U+00B7,
+      U+007E, U+002F;
+  }
+  
+  @font-face {
+    font-family: 'Punctuation SC';
+    font-weight: 600;
+    src:
+      local('PingFang SC Semibold'), local('Noto Sans CJK SC Bold'),
+      local('Microsoft YaHei Bold');
+    unicode-range:
+      U+201C, U+201D, U+2018, U+2019, U+2E3A, U+2014, U+2013, U+2026, U+00B7,
+      U+007E, U+002F;
+  }
+  
+  @font-face {
+    font-family: 'Punctuation SC';
+    font-weight: 700;
+    src:
+      local('PingFang SC Semibold'), local('Noto Sans CJK SC Bold'),
+      local('Microsoft YaHei Bold');
+    unicode-range:
+      U+201C, U+201D, U+2018, U+2019, U+2E3A, U+2014, U+2013, U+2026, U+00B7,
+      U+007E, U+002F;
+  }

package/src/vitepress/types/theme-context.ts

@@ -0,0 +1,33 @@
+import { InjectionKey } from "vue";
+
+// asset injection for different project variants
+export interface ThemeContext {
+  // header
+  /**
+   * "@assets/logos/[project]-dark.svg"
+   */
+  logoDark: string;
+  /**
+   * "@assets/logos/[project]-light.svg"
+   */
+  logoLight: string;
+  /**
+   * @string
+   */
+  logoAlt: string;
+
+  // footer
+  /**
+   * "@assets/[project]/footer-background.jpg"
+   */
+  footerBg: string;
+  
+  // banner
+  /**
+   * "@assets/icons/[project]-mono.svg"
+   */
+  monoIcon: string
+}
+
+export const themeContextKey: InjectionKey<ThemeContext> =
+  "theme-context-key" as any; // using symbol breaks with HMR

package/src/vitepress/assets/clients/beehiiv.svg

@@ -1,30 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1396.92 308.78">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #000000;
-      }
-    </style>
-  </defs>
-  <g id="Layer_1-2">
-    <g>
-      <g>
-        <path class="cls-1" d="M283.19,145.14H42.6c-6.13,0-11.14-5.04-11.14-11.21v-17.09c0-19.33,15.59-35.02,34.81-35.02h192.97c19.21,0,34.81,15.69,34.81,35.02v17.09c.28,6.16-4.73,11.21-10.86,11.21Z"/>
-        <path class="cls-1" d="M232.51,63.32H93.28c-6.13,0-11.42-5.04-11.42-11.49C81.87,23.26,104.98,0,133.38,0h59.03c28.4,0,51.51,23.26,51.51,51.84,0,6.44-5.01,11.49-11.42,11.49Z"/>
-        <path class="cls-1" d="M294.33,163.63H31.47c-17.26,0-31.47,14.29-31.47,31.66s14.2,31.66,31.47,31.66h93.28c3.34-17.93,18.93-31.66,37.87-31.66s34.81,13.73,38.15,31.66h93.28c17.26,0,31.47-14.29,31.47-31.66s-13.92-31.66-31.19-31.66Z"/>
-        <path class="cls-1" d="M282.91,245.45h-81.59v63.32h61.26c17.26,0,31.47-14.29,31.47-31.66v-20.17c.28-6.16-4.73-11.49-11.14-11.49Z"/>
-        <path class="cls-1" d="M42.6,245.45c-6.13,0-11.42,5.04-11.42,11.49v20.17c0,17.37,14.2,31.66,31.47,31.66h61.26v-63.32c.28,0-81.31,0-81.31,0Z"/>
-      </g>
-      <path class="cls-1" d="M558.67,182.5c0,46.73-32.09,76.74-74,76.74-20.01,0-35.87-6.46-46.44-19.38v17.1h-41.15V51.43h43.04v72.57c10.95-12.16,26.05-18.24,44.55-18.24,41.53,0,74,30.01,74,76.75ZM514.88,182.5c0-25.84-16.23-41.41-37.76-41.41s-37.76,15.58-37.76,41.41,16.23,41.41,37.76,41.41,37.76-15.58,37.76-41.41Z"/>
-      <path class="cls-1" d="M696.13,210.24l23.03,25.08c-13.59,15.96-34.36,23.93-61.16,23.93-51.35,0-84.57-32.29-84.57-76.75s33.6-76.74,79.29-76.74c41.91,0,76.27,27.73,76.65,75.61l-109.87,21.27c6.42,14.82,20.01,22.04,39.27,22.04,15.86,0,27.18-4.56,37.38-14.44ZM615.33,177.94l72.11-14.06c-4.15-15.2-16.99-25.46-35.11-25.46-21.14,0-36.25,14.44-37,39.51Z"/>
-      <path class="cls-1" d="M864.98,210.24l23.03,25.08c-13.6,15.96-34.36,23.93-61.17,23.93-51.35,0-84.57-32.29-84.57-76.75s33.6-76.74,79.29-76.74c41.9,0,76.26,27.73,76.64,75.61l-109.49,21.27c6.42,14.82,20.01,22.04,39.26,22.04,15.48,0,26.81-4.56,37.01-14.44ZM784.18,177.94l72.11-14.06c-4.15-15.2-16.99-25.46-35.11-25.46-21.15,0-35.87,14.44-37,39.51Z"/>
-      <path class="cls-1" d="M1073.54,171.87v85.48h-43.04v-79.02c0-23.94-10.95-35.33-30.2-35.33-20.77,0-35.49,12.92-35.49,40.27v73.7h-43.04V51.43h43.04v72.19c11.7-11.78,28.31-17.86,47.19-17.86,35.12,0,61.54,20.52,61.54,66.11Z"/>
-      <path class="cls-1" d="M1095.77,64.09c0-12.04,9.64-21.41,23.59-21.41s23.6,8.7,23.6,20.4c0,12.71-9.64,22.07-23.6,22.07s-23.59-9.03-23.59-21.07Z"/>
-      <path class="cls-1" d="M1097.84,108.04h43.04v149.31h-43.04V108.04Z"/>
-      <path class="cls-1" d="M1163.2,108.04h43.04v149.31h-43.04V108.04Z"/>
-      <path class="cls-1" d="M1396.92,108.04l-62.67,149.31h-44.56l-62.29-149.31h44.55l41.15,101.44,42.29-101.44h41.53Z"/>
-      <path class="cls-1" d="M1161.12,64.09c0-12.04,9.64-21.41,23.59-21.41s23.6,8.7,23.6,20.4c0,12.71-9.64,22.07-23.6,22.07s-23.59-9.03-23.59-21.07Z"/>
-    </g>
-  </g>
-</svg>