fix:移动插件到对应的视频预览里

@@ -13,8 +13,7 @@ import { setupStore } from '/@/store';
 import { setupGlobDirectives } from '/@/directives';
 import { setupI18n } from '/@/locales/setupI18n';
 import { registerGlobComp } from '/@/components/registerGlobComp';
-import vue3videoPlay from 'vue3-video-play'; // 引入组件
-import 'vue3-video-play/dist/style.css'; // 引入css
+
 if (import.meta.env.DEV) {
   import('ant-design-vue/dist/antd.less');
 }
@@ -47,9 +46,6 @@ async function bootstrap() {
   // Mount when the route is ready
   // https://next.router.vuejs.org/api/#isready
   await router.isReady();
-
-  app.use(vue3videoPlay);
-
   app.mount('#app', true);
 }
 

@@ -11,7 +11,7 @@
     >
       <div class="video-sty">
         <div>
-          <vue3VideoPlay v-bind="options" :poster="videoPoster" />
+          <vue3videoPlay v-bind="options" :poster="videoPoster" />
         </div>
       </div>
     </BasicModal>
@@ -20,11 +20,14 @@
 <script lang="ts">
   import { defineComponent, reactive, ref, nextTick } from 'vue';
   import { BasicModal, useModalInner } from '/@/components/Modal';
+  import vue3videoPlay from 'vue3-video-play'; // 引入组件
+  import 'vue3-video-play/dist/style.css'; // 引入css
 
   export default defineComponent({
     name: 'DialogPreviewVideo',
     components: {
       BasicModal,
+      vue3videoPlay,
     },
     emits: ['success', 'register'],
     setup() {