diff --git a/playground/vite-webapp/src/App.vue b/playground/vite-webapp/src/App.vue
index b11cc2b..2a5b0fc 100644
--- a/playground/vite-webapp/src/App.vue
+++ b/playground/vite-webapp/src/App.vue
@@ -1,21 +1,16 @@
-<script setup lang="ts">
-import {computed} from 'vue'
-import HelloWorld from './components/HelloWorld.vue'
-
-const versionInfo = computed(() => `Version: ${__VITE_VERSION__}`)
-</script>
-
 <template>
   <div>
-    <a href="https://vitejs.dev" target="_blank">
-      <img src="/vite.svg" class="logo" alt="Vite logo" />
-    </a>
-    <br />
-    <a href="https://github.com/ZhongxuYang/vite-plugin-version-mark" target="_blank">
-      <img src="/version.svg" class="logo vue" alt="Version Mark logo" />
-    </a>
+    <div>
+      <a href="https://vitejs.dev" target="_blank">
+        <img src="/vite.svg" class="logo" alt="Vite logo" />
+      </a>
+      <br />
+      <a href="https://github.com/ZhongxuYang/vite-plugin-version-mark" target="_blank">
+        <img src="/version.svg" class="logo vue" alt="Version Mark logo" />
+      </a>
+    </div>
+    <router-view />
   </div>
-  <HelloWorld :msg="versionInfo" />
 </template>
 
 <style scoped>
diff --git a/playground/vite-webapp/src/components/HelloWorld.vue b/playground/vite-webapp/src/components/HelloWorld.vue
index 2976529..b84b757 100644
--- a/playground/vite-webapp/src/components/HelloWorld.vue
+++ b/playground/vite-webapp/src/components/HelloWorld.vue
@@ -1,9 +1,10 @@
 <script setup lang="ts">
-defineProps<{ msg: string }>()
+import {computed} from 'vue'
+const versionInfo = computed(() => `Version: ${__VITE_VERSION__}`)
 </script>
 
 <template>
-  <h1>{{ msg }}</h1>
+  <h1>{{ versionInfo }}</h1>
 </template>
 
 <style scoped>
diff --git a/playground/vite-webapp/src/router/index.ts b/playground/vite-webapp/src/router/index.ts
index a4b1d03..85f0aed 100644
--- a/playground/vite-webapp/src/router/index.ts
+++ b/playground/vite-webapp/src/router/index.ts
@@ -1,4 +1,4 @@
-import {createRouter, createWebHistory} from 'vue-router'
+import {createRouter, createWebHashHistory} from 'vue-router'
 import type {RouteRecordRaw} from 'vue-router'
 
 const routes: RouteRecordRaw[] = [
@@ -15,7 +15,7 @@ const routes: RouteRecordRaw[] = [
 ]
 
 const router = createRouter({
-  history: createWebHistory('/'),
+  history: createWebHashHistory('/'),
   routes,
 })
 export default router
diff --git a/playground/vite-webapp/vite.config.ts b/playground/vite-webapp/vite.config.ts
index 0e0c905..6ede7bb 100644
--- a/playground/vite-webapp/vite.config.ts
+++ b/playground/vite-webapp/vite.config.ts
@@ -13,6 +13,7 @@ const testPlugin: () => Plugin = () => ({
 })
 // https://vitejs.dev/config/
 export default defineConfig({
+  base: '/vite-plugin-version-mark',
   build: {
     sourcemap: true,
   },