chore: setup playground

tobiasdiez · Oct 30, 2022 · 75188bf · 75188bf
1 parent 3a8fed2
commit 75188bf
Show file tree

Hide file tree

Showing 5 changed files with 25 additions and 11 deletions.
diff --git 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
@@ -0,0 +1,7 @@
+<template>
+  <Stories>
+    <Story title="Primary">
+      <span>test</span>
+    </Story>
+  </Stories>
+</template>
diff --git a/playground/index.html b/playground/index.html
@@ -1,13 +1,18 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <link rel="icon" href="/favicon.ico" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-</head>
-<body>
-  <div id="app"></div>
-  <a href="/__inspect/module?id=./main.ts&index=2" target="_blank" style="text-decoration: none; margin-top:10px; display: block;">visit /__inspect/ to inspect the intermediate state</a>
-  <script type="module" src="./main.ts"></script>
-</body>
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  </head>
+  <body>
+    <div id="app"></div>
+    <a
+      href="/__inspect/module?id=./Test.stories.vue&index=2"
+      target="_blank"
+      style="text-decoration: none; margin-top: 10px; display: block"
+      >visit /__inspect/ to inspect the intermediate state</a
+    >
+    <script type="module" src="./Test.stories.vue"></script>
+  </body>
 </html>
diff --git a/playground/main.ts b/playground/main.ts
diff --git a/playground/vite.config.ts b/playground/vite.config.ts
@@ -1,10 +1,12 @@
 import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
 import Inspect from 'vite-plugin-inspect'
 import Unplugin from '../src/vite'
 
 export default defineConfig({
   plugins: [
     Inspect(),
     Unplugin(),
+    vue(),
   ],
 })