add prettier

packages/artplayer-template/vue3.js/src/components/HelloWorld.vue

@@ -1,43 +1,43 @@
 <script setup>
 defineProps({
-  msg: {
-    type: String,
-    required: true
-  }
-})
+    msg: {
+        type: String,
+        required: true,
+    },
+});
 </script>
 
 <template>
-  <div class="greetings">
-    <h1 class="green">{{ msg }}</h1>
-    <h3>
-      You’ve successfully created a project with
-      <a target="_blank" href="https://vitejs.dev/">Vite</a> +
-      <a target="_blank" href="https://vuejs.org/">Vue 3</a>.
-    </h3>
-  </div>
+    <div class="greetings">
+        <h1 class="green">{{ msg }}</h1>
+        <h3>
+            You’ve successfully created a project with
+            <a target="_blank" href="https://vitejs.dev/">Vite</a> +
+            <a target="_blank" href="https://vuejs.org/">Vue 3</a>.
+        </h3>
+    </div>
 </template>
 
 <style scoped>
 h1 {
-  font-weight: 500;
-  font-size: 2.6rem;
-  top: -10px;
+    font-weight: 500;
+    font-size: 2.6rem;
+    top: -10px;
 }
 
 h3 {
-  font-size: 1.2rem;
+    font-size: 1.2rem;
 }
 
 .greetings h1,
 .greetings h3 {
-  text-align: center;
+    text-align: center;
 }
 
 @media (min-width: 1024px) {
-  .greetings h1,
-  .greetings h3 {
-    text-align: left;
-  }
+    .greetings h1,
+    .greetings h3 {
+        text-align: left;
+    }
 }
 </style>