fix: fix vue test

oh-my-live2d · Mar 2, 2024 · 381bf1b · 381bf1b
1 parent 0d2c747
commit 381bf1b
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 39 deletions.
diff --git a/tests/vue-app-vite/.gitignore b/tests/vue-app-vite/.gitignore
diff --git a/tests/vue-app-vite/index.html b/tests/vue-app-vite/index.html
@@ -1,4 +1,4 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

diff --git a/tests/vue-app-vite/package.json b/tests/vue-app-vite/package.json
@@ -4,9 +4,9 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "build": "vue-tsc && vite build",
-    "dev": "vite",
-    "preview": "vite preview"
+    "test:build": "vue-tsc && vite build",
+    "test:dev": "vite",
+    "test:preview": "vite preview"
   },
   "dependencies": {
     "oh-my-live2d": "workspace:*",

diff --git a/tests/vue-app-vite/src/App.vue b/tests/vue-app-vite/src/App.vue
@@ -1,12 +1,11 @@
 <script setup lang="ts">
 import { loadOml2d } from 'oh-my-live2d';
-import { onMounted, ref } from 'vue';
+import { onMounted } from 'vue';
 import HelloWorld from './components/HelloWorld.vue';
-const appRef = ref();
 
 onMounted(() => {
   loadOml2d({
-    parentElement: appRef.value,
+    parentElement: document.body,
     models: [
       {
         path: 'https://model.oml2d.com/pio/model.json',
@@ -18,14 +17,12 @@ onMounted(() => {
 </script>
 
 <template>
-  <div ref="appRef">
-    <a href="https://vitejs.dev" target="_blank">
-      <img src="/vite.svg" class="logo" alt="Vite logo" />
-    </a>
-    <a href="https://vuejs.org/" target="_blank">
-      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
-    </a>
-  </div>
+  <a href="https://vitejs.dev" target="_blank">
+    <img src="/vite.svg" class="logo" alt="Vite logo" />
+  </a>
+  <a href="https://vuejs.org/" target="_blank">
+    <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
+  </a>
   <HelloWorld msg="Vite + Vue" />
 </template>