Skip to content

Commit 37a13d7

Browse files
davidmyersdevdavidmyersdev
committed
Add example Vue app
1 parent 7c7a02e commit 37a13d7

File tree

14 files changed

+910
-255
lines changed

14 files changed

+910
-255
lines changed

‎examples/vue/index.html

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Example (Vue)</title>
7+
</head>
8+
<body>
9+
<div id="vue-app"></div>
10+
<script type="module" src="/src/main.ts"></script>
11+
</body>
12+
</html>

‎examples/vue/package.json

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
{
2+
"private": true,
3+
"type": "module",
4+
"scripts": {
5+
"build": "vite build",
6+
"dev": "vite"
7+
},
8+
"devDependencies": {
9+
"@types/node": "^18.7.23",
10+
"@vitejs/plugin-vue": "^4.2.3",
11+
"typescript": "^5.0.0",
12+
"vite": "^4.0.0",
13+
"vite-plugin-node-polyfills": "workspace:*",
14+
"vue": "^3.3.4"
15+
}
16+
}

‎test/src/vue.ts renamed to ‎examples/vue/src/app.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { createApp } from 'vue'
22
import App from './app.vue'
33

4-
export const vue = () => {
4+
export const app = () => {
55
const app = createApp(App)
66

77
app.mount('#vue-app')

‎test/src/app.vue renamed to ‎examples/vue/src/app.vue

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,6 @@ import { defineComponent, ref } from 'vue'
44
export default defineComponent({
55
setup() {
66
const msg = ref(Buffer.from(Buffer.from('Hello, friend!').toString('base64'), 'base64').toString('ascii'))
7-
// const msg = ref('')
87
98
return {
109
msg,

‎examples/vue/src/env.d.ts

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
/// <reference types="vite/client" />
2+
3+
declare module '*.vue' {
4+
import { DefineComponent } from 'vue'
5+
6+
const component: DefineComponent<{}, {}, any>
7+
8+
export default component
9+
}

‎examples/vue/src/main.ts

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
import { app } from './app'
2+
3+
app()

‎examples/vue/tsconfig.json

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
{
2+
"compilerOptions": {
3+
"jsx": "preserve",
4+
"module": "ESNext",
5+
"moduleResolution": "Bundler"
6+
}
7+
}

‎examples/vue/vite.config.ts

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import vue from '@vitejs/plugin-vue'
2+
import { defineConfig } from 'vite'
3+
import { nodePolyfills } from 'vite-plugin-node-polyfills'
4+
5+
// https://vitejs.dev/config/
6+
export default defineConfig({
7+
plugins: [
8+
nodePolyfills(),
9+
vue(),
10+
],
11+
})

‎package.json

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,6 @@
5151
"packageManager": "[email protected]",
5252
"devDependencies": {
5353
"@types/node": "^18.17.15",
54-
"@vitejs/plugin-vue": "^4.2.3",
5554
"esbuild": "^0.18.20",
5655
"npm-run-all": "^4.1.5",
5756
"ohmyfetch": "^0.4.20",
@@ -61,8 +60,7 @@
6160
"vite-node": "^0.34.4",
6261
"vite-plugin-externalize-deps": "^0.1.5",
6362
"vite-plugin-inspect": "^0.6.0",
64-
"vite-plugin-node-polyfills": "workspace:*",
65-
"vue": "^3.3.4"
63+
"vite-plugin-node-polyfills": "workspace:*"
6664
},
6765
"dependencies": {
6866
"@rollup/plugin-inject": "^5.0.3",

0 commit comments

Comments
 (0)