feat(vue): [EX-02] verify installed consumers and preserve lifecycle contracts

example/vue.js/src/App.vue

@@ -1,12 +1,13 @@
 <script setup lang="ts">
+import type Artplayer from 'artplayer'
+import type { Option } from 'artplayer'
 import { reactive } from 'vue'
-import Artplayer, { type Option } from 'artplayer'
 import Player from './Player.vue'
 
-const option = reactive<Partial<Option>>({
+const option = reactive({
   url: 'https://artplayer.org/assets/sample/video.mp4',
   autoSize: true,
-})
+} satisfies Partial<Option>)
 
 const style = reactive({
   width: '800px',
@@ -15,6 +16,7 @@ const style = reactive({
 })
 
 function getInstance(art: Artplayer) {
+  // eslint-disable-next-line no-console
   console.log('Artplayer instance:', art)
 }
 </script>