feat(enhanced-readabilities): option to disable spotlight (#475)

Co-authored-by: Neko <neko@ayaka.moe>

Author: maks-oleksyuk

docs/pages/en/integrations/vitepress-plugin-enhanced-readabilities/index.md

@@ -489,6 +489,12 @@ export interface Options {
    * Spotlight configuration
    */
   spotlight?: {
+    /**
+     * Disable spotlight
+     *
+     * @default false
+     */
+    disabled?: boolean
     /**
      * Disable spotlight help tooltip
      *

docs/pages/zh-CN/integrations/vitepress-plugin-enhanced-readabilities/index.md

@@ -488,6 +488,12 @@ export interface Options {
    * Spotlight configuration
    */
   spotlight?: {
+    /**
+     * Disable spotlight
+     *
+     * @default false
+     */
+    disabled?: boolean
     /**
      * Disable spotlight help tooltip
      *

packages/vitepress-plugin-enhanced-readabilities/src/client/components/Menu.vue

@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { useMounted } from '@vueuse/core'
+import { inject } from 'vue'
 import { useI18n } from '../composables/i18n'
+import { InjectionKey } from '../constants'
 import { VPFlyout } from './deps'
 
 import LayoutSwitch from './LayoutSwitch.vue'
@@ -9,6 +11,7 @@ import LayoutSwitchPageLayoutWidthInput from './LayoutSwitchPageLayoutMaxWidthSl
 import Spotlight from './Spotlight.vue'
 import SpotlightStyles from './SpotlightStyles.vue'
 
+const options = inject(InjectionKey, {})
 const mounted = useMounted()
 const { t } = useI18n()
 </script>
@@ -24,8 +27,8 @@ const { t } = useI18n()
       <LayoutSwitch />
       <LayoutSwitchPageLayoutWidthInput />
       <LayoutSwitchContentLayoutWidthInput />
-      <Spotlight />
-      <SpotlightStyles />
+      <Spotlight v-if="!options.spotlight?.disabled" />
+      <SpotlightStyles v-if="!options.spotlight?.disabled" />
     </div>
   </VPFlyout>
 </template>

packages/vitepress-plugin-enhanced-readabilities/src/client/types.ts

@@ -345,6 +345,12 @@ export interface Options {
    * Spotlight configuration
    */
   spotlight?: {
+    /**
+     * Disable spotlight
+     *
+     * @default false
+     */
+    disabled?: boolean
     /**
      * Disable spotlight help tooltip
      *