feat: add vue app demo

examples/vue-app/.gitignore

@@ -0,0 +1 @@
+build

examples/vue-app/babel.config.js

@@ -0,0 +1,11 @@
+module.exports = {
+  presets: ['@vue/babel-preset-app'],
+  plugins: [
+    [
+      '@babel/plugin-transform-typescript',
+      {
+        isTSX: true,
+      },
+    ],
+  ],
+};

examples/vue-app/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@pixas/vue-app",
+  "version": "0.0.0",
+  "description": "pixas vue app demo",
+  "private": true,
+  "scripts": {
+    "dev": "pixas dev",
+    "build": "pixas build"
+  },
+  "dependencies": {
+    "vue": "^3.4.27"
+  },
+  "devDependencies": {
+    "@vue/babel-preset-app": "^5.0.8",
+    "@vue/tsconfig": "^0.5.1",
+    "pixas": "^0.0.0",
+    "vue-loader": "^17.4.2",
+    "vue-template-compiler": "^2.7.16"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}

examples/vue-app/pixas.config.ts

@@ -0,0 +1,8 @@
+import type { AppConfig } from 'pixas';
+
+const config: AppConfig = {
+  name: 'vue-app',
+  description: 'A vue app example',
+};
+
+export default config;

examples/vue-app/src/app.vue

@@ -0,0 +1,8 @@
+<template>
+  <div>Hello world!</div>
+</template>
+<script setup lang="ts">
+defineOptions({
+  name: 'App',
+});
+</script>

examples/vue-app/src/main.ts

@@ -0,0 +1,6 @@
+import { createApp } from 'vue';
+import App from './app.vue';
+
+const app = createApp(App);
+
+app.mount('#app');

examples/vue-app/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.json"
+}