@voidzero-dev/vitepress-theme 4.6.0 → 4.7.0

package/README.md

@@ -4,14 +4,11 @@ Shared VitePress theme for VoidZero projects, including Vite+, Vite, Vitest, Rol
 
 ## Publishing package
 
-Make to sure to in latest commit
-
-1. Update version in `package.json` and commit it (don't push yet)
-2. Add tag locally `git tag vx.y.z` (matching version in package.json)
-3. Push changes `git push origin`
-4. Push to remote `git push origin vx.y.z`
-5. Go to GitHub UI > "Releases" > "Tags" > Click the latest tag > "Create release from tag"
-6. Click "Publish release"
+```bash
+pnpm release <version>  # e.g. pnpm release 4.6.1
+```
+
+This updates `package.json`, commits, tags, and pushes. CI publishes to npm and creates the GitHub release.
 
 ## Developing locally
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@voidzero-dev/vitepress-theme",
-  "version": "4.6.0",
+  "version": "4.7.0",
   "description": "Shared VitePress theme for VoidZero projects",
   "type": "module",
   "license": "UNLICENSED",
@@ -38,5 +38,8 @@
   "devDependencies": {
     "@types/mark.js": "^8.11.12",
     "typescript": "^5.9.3"
+  },
+  "scripts": {
+    "release": "node scripts/release.ts"
   }
 }

package/src/components/oss/FeatureGrid.vue

@@ -1,4 +1,5 @@
 <script setup>
+import { Icon } from '@iconify/vue'
 import { useData } from 'vitepress'
 
 const { frontmatter } = useData()
@@ -7,11 +8,12 @@ const { frontmatter } = useData()
 <template>
   <section v-if="frontmatter.features"
     class="wrapper wrapper--ticks border-t grid md:grid-cols-2 divide-x divide-y divide-nickel">
-    <div v-for="feature in frontmatter.features" :key="feature.icon"
+    <div v-for="feature in frontmatter.features" :key="feature.icon || feature.iconify"
       class="flex flex-col gap-3 justify-between border-r-0 md:odd:border-r md:nth-last-2:border-b-0">
       <div class="px-10 py-8 sm:px-15 sm:py-12 flex flex-col gap-3">
         <p class="text-2xl">
-          {{ feature.icon }}
+          <Icon v-if="feature.iconify" :icon="feature.iconify" width="1em" height="1em" />
+          <template v-else>{{ feature.icon }}</template>
         </p>
         <h5 class="text-balance sm:text-pretty text-white">
           {{ feature.title }}

package/src/components/oss/Hero.vue

@@ -1,6 +1,10 @@
-<script setup>
+<script setup lang="ts">
 import { useData } from 'vitepress'
 
+const props = defineProps<{
+  background?: string
+}>()
+
 const { frontmatter } = useData()
 </script>
 
@@ -27,9 +31,11 @@ const { frontmatter } = useData()
         </div>
       </div>
     </div>
-    <div class="flex flex-col">
+    <div class="flex flex-col bg-cover bg-center" :style="props.background ? { backgroundImage: `url(${props.background})` } : undefined">
       <div class="relative px-10 pb-10 md:pt-10 h-full flex flex-col justify-center overflow-clip">
-        <img :src="frontmatter.hero.image.src" :alt="frontmatter.hero.image.alt" class="max-h-[20rem]">
+        <slot name="hero-image">
+          <img v-if="frontmatter.hero.image?.src" :src="frontmatter.hero.image.src" :alt="frontmatter.hero.image.alt" class="max-h-[20rem]">
+        </slot>
       </div>
     </div>
   </div>