更新脚手架！

src/components/HelloWorld.vue

@@ -1,16 +1,19 @@
 <script setup>
 import { ref } from 'vue'
-
+import { Button, Toast } from 'vant';
 defineProps({
   msg: String
 })
 
 const count = ref(0)
+const show = () => {
+  Toast.success('成功文案');
+}
 </script>
 
 <template>
-  <h1>{{ msg }}</h1>
-
+  <h1 class="msg">{{ msg }}</h1>
+  <Button @click="show" type="primary">警告按钮</Button>
   <div class="card">
     <button type="button" @click="count++">count is {{ count }}</button>
     <p>
@@ -21,9 +24,8 @@ const count = ref(0)
 
   <p>
     Check out
-    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
-      >create-vue</a
-    >, the official Vue + Vite starter
+    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank">create-vue</a>, the official Vue + Vite
+    starter
   </p>
   <p>
     Install
@@ -37,4 +39,8 @@ const count = ref(0)
 .read-the-docs {
   color: #888;
 }
+
+.msg {
+  font-size: 20px;
+}
 </style>