feat(examples): scaffold coding-agent example

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

examples/coding-agent/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@vue-tui/example-coding-agent",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vue-tui dev",
+    "build": "vite build",
+    "preview": "vite build && node dist/agent.mjs"
+  },
+  "dependencies": {
+    "@vue-tui/cli": "workspace:*",
+    "@vue-tui/runtime": "workspace:*",
+    "openai": "^4.98.0",
+    "vue": "^3.4.0"
+  },
+  "devDependencies": {
+    "@types/node": "catalog:",
+    "@vitejs/plugin-vue-jsx": "catalog:",
+    "vite": "catalog:"
+  }
+}

examples/coding-agent/src/App.tsx

@@ -0,0 +1,13 @@
+import { defineComponent } from "vue";
+import { Box, Text } from "@vue-tui/runtime";
+
+export default defineComponent(() => {
+  return () => (
+    <Box flexDirection="column" paddingX={1}>
+      <Text bold color="cyan">
+        coding-agent
+      </Text>
+      <Text dimColor>scaffold works</Text>
+    </Box>
+  );
+});

examples/coding-agent/src/main.ts

@@ -0,0 +1,4 @@
+import { createApp } from "@vue-tui/runtime";
+import App from "./App";
+
+createApp(App).mount();

examples/coding-agent/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "strict": true,
+    "noEmit": true,
+    "jsx": "preserve",
+    "jsxImportSource": "vue",
+    "types": ["node"]
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx"]
+}

examples/coding-agent/vite.config.ts

@@ -0,0 +1,23 @@
+import { defineConfig } from "vite";
+import vueJsx from "@vitejs/plugin-vue-jsx";
+import { fileURLToPath } from "node:url";
+
+const here = fileURLToPath(new URL(".", import.meta.url));
+
+export default defineConfig({
+  plugins: [vueJsx()],
+  build: {
+    target: "node22",
+    outDir: "dist",
+    emptyOutDir: true,
+    minify: false,
+    lib: {
+      entry: `${here}src/main.ts`,
+      formats: ["es"],
+      fileName: () => "agent.mjs",
+    },
+    rollupOptions: {
+      external: (id) => !id.startsWith(".") && !id.startsWith("/") && !id.startsWith("\0"),
+    },
+  },
+});