chore: add @unlazy/vue playground

johannschopplich · johannschopplich · commit 0e65a851251a · 2023-04-20T15:00:47.000+02:00
diff --git a/packages/vue/playground/App.vue b/packages/vue/playground/App.vue
@@ -0,0 +1,13 @@
+<script setup lang="ts">
+import { LazyImage } from '../src/components'
+</script>
+
+<template>
+  <LazyImage
+    blurhash="LKO2:N%2Tw=w]~RBVZRi};RPxuwH"
+    auto-sizes
+    data-srcset="image-320w.jpg 320w, image-640w.jpg 640w"
+    width="640"
+    height="640"
+  />
+</template>
diff --git a/packages/vue/playground/index.html b/packages/vue/playground/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>@unlazy/vue</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/main.ts"></script>
+  </body>
+</html>
diff --git a/packages/vue/playground/main.ts b/packages/vue/playground/main.ts
@@ -0,0 +1,4 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+
+createApp(App).mount('#app')
diff --git a/packages/vue/playground/package.json b/packages/vue/playground/package.json
@@ -0,0 +1,9 @@
+{
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  }
+}
diff --git a/packages/vue/playground/vite-env.d.ts b/packages/vue/playground/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/packages/vue/playground/vite.config.ts b/packages/vue/playground/vite.config.ts
@@ -0,0 +1,6 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+export default defineConfig({
+  plugins: [vue()],
+})
