初始化

docs/.vitepress/theme/components/FreshImage.vue

@@ -0,0 +1,21 @@
+<template>
+  <img :src="freshUrl" :alt="alt" />
+</template>
+
+<script setup>
+import { computed } from 'vue'
+const props = defineProps({
+  src: {
+    type: String,
+    required: true,
+  },
+  alt: {
+    type: String,
+    default: '',
+  },
+})
+
+const freshUrl = computed(() => {
+  return `${props.src}?t=${Date.now()}`
+})
+</script>

docs/.vitepress/theme/components/HomeStar.vue

@@ -0,0 +1,50 @@
+<template>
+  <p class="home-star">
+    <a href="https://github.com/codercup/unibest">
+      <img
+        alt="GitHub Repo stars"
+        src="https://img.shields.io/github/stars/codercup/unibest?logo=github&color=%234d80f0&link=https%3A%2F%2Fgithub.com%2Fcodercup%2Funibest"
+      />
+    </a>
+    <a href="https://github.com/feige996/unibest">
+      <img
+        alt="GitHub Repo stars"
+        src="https://img.shields.io/github/stars/feige996/unibest?logo=github&color=%234d80f0&link=https%3A%2F%2Fgithub.com%2Ffeige996%2Funibest"
+      />
+    </a>
+
+    <a href="https://gitee.com/codercup/unibest/stargazers">
+      <img src="https://gitee.com/codercup/unibest/badge/star.svg?theme=gray" alt="star" />
+    </a>
+
+    <a href="https://gitcode.com/feige996/unibest/stargazers">
+      <img src="https://gitcode.com/feige996/unibest/star/badge.svg?theme=gray" alt="star" />
+    </a>
+
+    <!-- <a href="https://github.com/feige996/unibest">
+      <img alt="GitHub" src="https://img.shields.io/github/license/feige996/unibest?logo=github" />
+    </a> -->
+
+    <a href="https://www.npmjs.com/package/create-unibest">
+      <img
+        alt="npm"
+        src="https://img.shields.io/npm/dw/create-unibest?logo=npm&link=https%3A%2F%2Fwww.npmjs.com%2Fpackage%2Fcreate-unibest"
+      />
+    </a>
+
+    <!-- <a href="https://www.npmjs.com/package/create-unibest">
+      <img src="https://img.shields.io/npm/dt/create-unibest?style=flat-square" />
+    </a> -->
+  </p>
+</template>
+
+<style>
+.home-star {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+  align-items: center;
+  justify-content: center;
+  padding-top: 24px;
+}
+</style>

docs/.vitepress/theme/components/NavBarTitleAfter.vue

@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import { version } from '../../../../package.json'
+</script>
+
+<template>
+  <span
+    style="
+      display: inline-block;
+      padding: 0px 8px;
+      margin-left: 4px;
+      font-size: 10px;
+      font-weight: 700;
+      color: var(--vp-button-brand-text);
+      background-color: var(--vp-button-brand-bg);
+      border-radius: 16px;
+    "
+  >
+    {{ version }}
+  </span>
+</template>