diff --git a/play/app.example b/play/app.example.vue
similarity index 94%
rename from play/app.example
rename to play/app.example.vue
index e702882a38..1a1fb8f5ff 100644
--- a/play/app.example
+++ b/play/app.example.vue
@@ -7,7 +7,7 @@
       <menu-icon />
     </el-icon>
     <el-button>test</el-button>
-    <div v-loading="true"></div>
+    <div v-loading="true" />
   </div>
 </template>
 
diff --git a/play/vite.init.ts b/play/vite.init.ts
index 5a26a5850c..058e76ebd2 100644
--- a/play/vite.init.ts
+++ b/play/vite.init.ts
@@ -1,7 +1,7 @@
 import { existsSync, readFileSync, writeFileSync } from 'fs'
 
 const app = 'src/App.vue'
-const example = 'app.example'
+const example = 'app.example.vue'
 
 if (!existsSync(app)) {
   writeFileSync(app, readFileSync(example))