diff --git a/README.md b/README.md
index 538049b..0f66109 100644
--- a/README.md
+++ b/README.md
@@ -18,6 +18,7 @@ Then you can start developing your unplugin 🔥
To test your plugin, run: `pnpm run dev`
To release a new version, run: `pnpm run release`
+To run playground, use `pnpm play`.
## Install
diff --git a/playground/Test.stories.vue b/playground/Test.stories.vue
new file mode 100644
index 0000000..986c33c
--- /dev/null
+++ b/playground/Test.stories.vue
@@ -0,0 +1,7 @@
+
+
+
+ test
+
+
+
diff --git a/playground/index.html b/playground/index.html
index 14c818d..bdd4216 100644
--- a/playground/index.html
+++ b/playground/index.html
@@ -1,13 +1,18 @@
-
-
-
-
-
-
-
- visit /__inspect/ to inspect the intermediate state
-
-
+
+
+
+
+
+
+
+ visit /__inspect/ to inspect the intermediate state
+
+
diff --git a/playground/main.ts b/playground/main.ts
deleted file mode 100644
index 1eec34c..0000000
--- a/playground/main.ts
+++ /dev/null
@@ -1 +0,0 @@
-document.getElementById('app')!.innerHTML = '__UNPLUGIN__'
diff --git a/playground/vite.config.ts b/playground/vite.config.ts
index 6abfbe6..bf127d7 100644
--- a/playground/vite.config.ts
+++ b/playground/vite.config.ts
@@ -1,4 +1,5 @@
import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
import Inspect from 'vite-plugin-inspect'
import Unplugin from '../src/vite'
@@ -6,5 +7,6 @@ export default defineConfig({
plugins: [
Inspect(),
Unplugin(),
+ vue(),
],
})