feat(addon-meting): add a config to control Aplayer's visibility

demo/yun/.valaxy/typed-router.d.ts

@@ -52,8 +52,8 @@ declare module 'vue-router/auto-routes' {
     '/links/': RouteRecordInfo<'/links/', '/links', Record<never, never>, Record<never, never>>,
     '/notes/': RouteRecordInfo<'/notes/', '/notes', Record<never, never>, Record<never, never>>,
     '/page/[page]': RouteRecordInfo<'/page/[page]', '/page/:page', { page: ParamValue<true> }, { page: ParamValue<false> }>,
-    '/posts/中文Post测试': RouteRecordInfo<'/posts/中文Post测试', '/posts/中文Post测试', Record<never, never>, Record<never, never>>,
     '/posts/about': RouteRecordInfo<'/posts/about', '/posts/about', Record<never, never>, Record<never, never>>,
+    '/posts/aplayer': RouteRecordInfo<'/posts/aplayer', '/posts/aplayer', Record<never, never>, Record<never, never>>,
     '/posts/categories-a-b': RouteRecordInfo<'/posts/categories-a-b', '/posts/categories-a-b', Record<never, never>, Record<never, never>>,
     '/posts/categories-a-b-c': RouteRecordInfo<'/posts/categories-a-b-c', '/posts/categories-a-b-c', Record<never, never>, Record<never, never>>,
     '/posts/code': RouteRecordInfo<'/posts/code', '/posts/code', Record<never, never>, Record<never, never>>,
@@ -83,6 +83,7 @@ declare module 'vue-router/auto-routes' {
     '/posts/test': RouteRecordInfo<'/posts/test', '/posts/test', Record<never, never>, Record<never, never>>,
     '/posts/test-images': RouteRecordInfo<'/posts/test-images', '/posts/test-images', Record<never, never>, Record<never, never>>,
     '/posts/test-tags': RouteRecordInfo<'/posts/test-tags', '/posts/test-tags', Record<never, never>, Record<never, never>>,
+    '/posts/中文Post测试': RouteRecordInfo<'/posts/中文Post测试', '/posts/中文Post测试', Record<never, never>, Record<never, never>>,
     '/tags/': RouteRecordInfo<'/tags/', '/tags', Record<never, never>, Record<never, never>>,
     '/test/deadlinks': RouteRecordInfo<'/test/deadlinks', '/test/deadlinks', Record<never, never>, Record<never, never>>,
     '/test/footnotes': RouteRecordInfo<'/test/footnotes', '/test/footnotes', Record<never, never>, Record<never, never>>,

demo/yun/pages/posts/aplayer.md

@@ -0,0 +1,6 @@
+---
+title: Aplayer 测试
+aplayer: false
+categories:
+  - Test
+---

packages/valaxy-addon-meting/App.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useMeting } from './client'
+import { useMeting, useVisible } from './client'
 
 const props = withDefaults(defineProps<{
   [key: string]: any
@@ -23,11 +23,13 @@ export interface MetingJsProps {
 }
 
 useMeting()
+const visible = useVisible()
 </script>
 
 <template>
   <!-- eslint-disable-next-line vue/component-name-in-template-casing -->
   <meting-js
+    v-show="visible"
     v-bind="props"
     :fixed="true"
   />

packages/valaxy-addon-meting/client/index.ts

@@ -1,7 +1,8 @@
 import { useScriptTag } from '@vueuse/core'
 import { useHead } from '@unhead/vue'
-import { computed } from 'vue'
+import { computed, ref, watch } from 'vue'
 import { useSiteConfig } from 'valaxy'
+import { useRoute } from 'vue-router'
 import { useMetingLoadObserver } from './observer'
 import { useAddonMeting } from './options'
 import { onMetingInit } from './hook'
@@ -33,3 +34,16 @@ export function useMeting() {
   onMetingInit(addonMeting.value)
   useMetingLoadObserver(addonMeting.value)
 }
+
+export function useVisible() {
+  const visible = ref(true)
+  const route = useRoute()
+  const addonMeting = useAddonMeting()
+
+  watch(() => route.path, () => {
+    const global = addonMeting.value.global
+    visible.value = route.meta.frontmatter.aplayer ?? global ?? true
+  }, { immediate: true })
+
+  return visible
+}

packages/valaxy-addon-meting/components/MetingJs.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useMeting } from '../client'
+import { useMeting, useVisible } from '../client'
 
 const props = withDefaults(defineProps<{
   [key: string]: any
@@ -23,9 +23,10 @@ export interface MetingJsProps {
 }
 
 useMeting()
+const visible = useVisible()
 </script>
 
 <template>
   <!-- eslint-disable-next-line vue/component-name-in-template-casing -->
-  <meting-js v-bind="props" />
+  <meting-js v-show="visible" v-bind="props" />
 </template>