diff --git a/test/vite.test.vue b/test/vite.test.vue
new file mode 100644
index 000000000..3000bde44
--- /dev/null
+++ b/test/vite.test.vue
@@ -0,0 +1,21 @@
+<script setup>
+import Artplayer from 'artplayer/examples/vue/Artplayer.vue';
+
+const option = {
+    url: 'https://artplayer.org/assets/sample/video.mp4',
+};
+
+const style = {
+    width: '600px',
+    height: '400px',
+    margin: '60px auto 0',
+};
+
+function getInstance(art) {
+    console.log(art);
+}
+</script>
+
+<template>
+    <Artplayer @get-instance="getInstance" :option="option" :style="style" />
+</template>
\ No newline at end of file