feat: add vite example

sxzz · sxzz · commit fd176a4f37e5 · 2022-01-20T01:59:37.000+08:00
diff --git a/examples/esbuild/index.html b/examples/esbuild/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>esbuild</title>
+    <title>ESBuild</title>
   </head>
   <body>
     <div id="app"></div>
diff --git a/examples/rollup/index.html b/examples/rollup/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>rollup</title>
+    <title>Rollup</title>
   </head>
   <body>
     <div id="app"></div>
diff --git a/examples/vite/index.html b/examples/vite/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script src="./src/main.ts" type="module"></script>
+  </body>
+</html>
diff --git a/examples/vite/package.json b/examples/vite/package.json
@@ -0,0 +1,16 @@
+{
+  "private": true,
+  "author": "三咲智子 <sxzz@sxzz.moe>",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "vue": "^3.2.27"
+  },
+  "devDependencies": {
+    "unplugin-vue": "workspace:^0.1.0",
+    "vite": "^2.7.13"
+  }
+}
diff --git a/examples/vite/src/App.vue b/examples/vite/src/App.vue
@@ -0,0 +1,12 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+const msg = ref('')
+</script>
+
+<template>
+  <div>
+    <h1>Hello world</h1>
+    <h2>{{ msg }}</h2>
+    <input v-model="msg" type="text" />
+  </div>
+</template>
diff --git a/examples/vite/src/main.ts b/examples/vite/src/main.ts
@@ -0,0 +1,4 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+
+createApp(App).mount('#app')
diff --git a/examples/vite/tsconfig.json b/examples/vite/tsconfig.json
@@ -0,0 +1,5 @@
+{
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"],
+  "compilerOptions": {}
+}
diff --git a/examples/vite/vite.config.ts b/examples/vite/vite.config.ts
@@ -0,0 +1,6 @@
+import { defineConfig } from 'vite'
+import Vue from 'unplugin-vue/vite'
+
+export default defineConfig({
+  plugins: [Vue()],
+})
