fix: fixed version display and active search plugin

krisk · Jan 27, 2023 · 6e2a592 · 6e2a592
1 parent a3f63fd
commit 6e2a592
Show file tree

Hide file tree

Showing 5 changed files with 47 additions and 962 deletions.
diff --git a/docs/.vuepress/components/Version/Version.vue b/docs/.vuepress/components/Version/Version.vue
@@ -0,0 +1,18 @@
+<template>
+  Latest stable version: <span class="bold">{{ version }}</span>
+</template>
+
+<script setup lang="ts">
+import { useThemeData } from '@vuepress/plugin-theme-data/client'
+import { ref } from 'vue'
+
+const themeData = useThemeData()
+
+const version = ref(themeData.value.version)
+</script>
+
+<style scoped>
+.bold {
+  font-weight: bolder;
+}
+</style>
diff --git a/docs/.vuepress/components/Version/module-declaration.d.ts b/docs/.vuepress/components/Version/module-declaration.d.ts
@@ -0,0 +1,6 @@
+declare module '@vuepress/plugin-theme-data/client' {
+  import type { DefaultThemeData } from '@vuepress/theme-default'
+  import type { Ref } from 'vue'
+
+  export declare function useThemeData(): Ref<DefaultThemeData>
+}
diff --git a/docs/.vuepress/config.ts b/docs/.vuepress/config.ts
@@ -2,6 +2,7 @@ import tabsPlugin from '@snippetors/vuepress-plugin-tabs'
 import { googleAnalyticsPlugin } from '@vuepress/plugin-google-analytics'
 import { pwaPlugin } from '@vuepress/plugin-pwa'
 import { registerComponentsPlugin } from '@vuepress/plugin-register-components'
+import { searchPlugin } from '@vuepress/plugin-search'
 import { defaultTheme } from '@vuepress/theme-default'
 import {
   defineUserConfig,
@@ -12,6 +13,7 @@ import {
   type HeadConfig,
   type HeadTagEmpty
 } from 'vuepress'
+import { version } from '../../package.json'
 
 const GA_MEASUREMENT_ID = 'UA-82107035-1'
 const GOOGLE_SITE_VERIFICATION = '4nm40QLVcDJmEJSAbrMfZ7fpBJZIXL1oSngBAYrZopY'
@@ -28,6 +30,7 @@ export default defineUserConfig({
   head: getHead(),
   plugins: getPlugins(),
   theme: defaultTheme({
+    version,
     logo: '/assets/img/logo.png',
     repo: 'krisk/fuse',
     docsDir: 'docs',
@@ -93,6 +96,7 @@ function getPlugins(): PluginConfig {
     //     id: GOOGLE_AD_CLIENT_ID,
     //   },
     // ],
+    searchPlugin(),
     googleAnalyticsPlugin({
       id: GA_MEASUREMENT_ID
     }),
@@ -105,7 +109,8 @@ function getPlugins(): PluginConfig {
         ...getComponent('Team'),
         ...getComponent('Jobs'),
         ...getComponent('Donate'),
-        ...getComponent('TwitterFollow')
+        ...getComponent('TwitterFollow'),
+        ...getComponent('Version')
       }
     }),
     pwaPlugin()
@@ -178,3 +183,9 @@ function getHead(): HeadConfig[] {
     ...scripts
   ]
 }
+
+declare module '@vuepress/theme-default' {
+  export interface DefaultThemeLocaleData {
+    version: string
+  }
+}
diff --git a/docs/getting-started/installation.md b/docs/getting-started/installation.md
@@ -1,17 +1,17 @@
 # Installation
 
-Latest stable version: **{{ $themeConfig.version }}**
+<Version />
 
 ### NPM
 
 ```sh
-$ npm install fuse.js
+npm install fuse.js
 ```
 
 ### Yarn
 
 ```sh
-$ yarn add fuse.js
+yarn add fuse.js
 ```
 
 #### Importing