feat: Feature/pro docs (#70)

* chore: merge main

* feat: update docs

* feat: remove coze-assistant

* feat: add watermark plugin

* feat: update preferences

* feat: update docs

---------

Co-authored-by: vince <vince292007@gmail.com>

website/.vitepress/theme/components/site-layout.vue

@@ -0,0 +1,38 @@
+<script lang="ts" setup>
+import { nextTick, onMounted, watch } from 'vue';
+
+import mediumZoom from 'medium-zoom';
+import { useRoute } from 'vitepress';
+import DefaultTheme from 'vitepress/theme';
+
+const { Layout } = DefaultTheme;
+const route = useRoute();
+
+const initZoom = () => {
+  // mediumZoom('[data-zoomable]', { background: 'var(--vp-c-bg)' });
+  mediumZoom('.VPContent img', { background: 'var(--vp-c-bg)' });
+};
+
+watch(
+  () => route.path,
+  () => nextTick(() => initZoom()),
+);
+
+onMounted(() => {
+  initZoom();
+});
+</script>
+
+<template>
+  <Layout />
+</template>
+
+<style>
+.medium-zoom-overlay {
+  z-index: 2147483646;
+}
+
+.medium-zoom-image {
+  z-index: 2147483647;
+}
+</style>

website/.vitepress/theme/components/vben-contributors.vue

@@ -0,0 +1,26 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div class="vp-doc vben-contributors">
+    <p>Contributors</p>
+    <a href="https://github.com/vbenjs/vue-vben-admin/graphs/contributors">
+      <img src="https://contrib.rocks/image?repo=vbenjs/vue-vben-admin" />
+    </a>
+  </div>
+</template>
+
+<style scoped>
+.vben-contributors {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding-top: 60px;
+
+  p {
+    margin-bottom: 50px;
+    font-size: 30px;
+    font-weight: 700;
+  }
+}
+</style>

website/.vitepress/theme/index.ts

@@ -1,21 +1,19 @@
 // https://vitepress.dev/guide/custom-theme
 import type { Theme } from 'vitepress';
 
-import { h } from 'vue';
-
 import DefaultTheme from 'vitepress/theme';
 
-import './style.css';
+import SiteLayout from './components/site-layout.vue';
+import VbenContributors from './components/vben-contributors.vue';
+
+import './styles';
 
 export default {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   enhanceApp({ app, router, siteData }) {
     // ...
+    app.component('VbenContributors', VbenContributors);
   },
   extends: DefaultTheme,
-  Layout: () => {
-    return h(DefaultTheme.Layout, null, {
-      // https://vitepress.dev/guide/extending-default-theme#layout-slots
-    });
-  },
+  Layout: SiteLayout,
 } satisfies Theme;

website/.vitepress/theme/styles/base.css

@@ -0,0 +1,7 @@
+html.dark {
+  color-scheme: dark;
+}
+
+.dark .VPContent {
+  /* background-color: #14161a; */
+}

website/.vitepress/theme/styles/index.ts

@@ -0,0 +1,2 @@
+import './variables.css';
+import './base.css';

website/.vitepress/theme/styles/variables.css

@@ -44,6 +44,7 @@
  * -------------------------------------------------------------------------- */
 
 :root {
+  /* --vp-c-indigo-1: #4f69fd; */
   --vp-c-default-1: var(--vp-c-gray-1);
   --vp-c-default-2: var(--vp-c-gray-2);
   --vp-c-default-3: var(--vp-c-gray-3);
@@ -84,11 +85,15 @@
  * -------------------------------------------------------------------------- */
 
   --vp-home-hero-name-color: transparent;
-  --vp-home-hero-name-background: linear-gradient(120deg, #bd34fe 30%, #41d1ff);
+  --vp-home-hero-name-background: linear-gradient(
+    120deg,
+    var(--vp-c-indigo-1) 30%,
+    #18cefe
+  );
   --vp-home-hero-image-background-image: linear-gradient(
     -45deg,
-    #bd34fe 50%,
-    #47caff 50%
+    #18cefe 50%,
+    #c279ed 50%
   );
   --vp-home-hero-image-filter: blur(44px);