forgeos 0.1.0-alpha.13 → 0.1.0-alpha.14

package/src/forge/compiler/frontend-graph/build.ts

@@ -13,6 +13,7 @@ import { createDiagnostic } from "../diagnostics/create.ts";
 
 const WEB_ROOT = "web";
 const API_URL_ENV = "NEXT_PUBLIC_FORGE_URL";
+const NUXT_API_URL_ENV = "NUXT_PUBLIC_FORGE_URL";
 const VITE_API_URL_ENV = "VITE_FORGE_URL";
 
 function toPosix(path: string): string {
@@ -43,7 +44,7 @@ function walkFiles(root: string): string[] {
     for (const entry of nodeFileSystem.readDir(dir)) {
       const absolute = join(dir, entry.name);
       if (entry.isDirectory) {
-        if (entry.name === "node_modules" || entry.name === ".next" || entry.name === "dist") {
+        if (entry.name === "node_modules" || entry.name === ".next" || entry.name === ".nuxt" || entry.name === "dist" || entry.name === ".output") {
           continue;
         }
         walk(absolute);
@@ -71,6 +72,14 @@ function detectFramework(webRoot: string): FrontendGraph["framework"] {
   if (deps.next || nodeFileSystem.exists(join(webRoot, "next.config.ts"))) {
     return "next";
   }
+  if (
+    deps.nuxt ||
+    nodeFileSystem.exists(join(webRoot, "nuxt.config.ts")) ||
+    nodeFileSystem.exists(join(webRoot, "nuxt.config.js")) ||
+    nodeFileSystem.exists(join(webRoot, "nuxt.config.mjs"))
+  ) {
+    return "nuxt";
+  }
   if (deps.vite || nodeFileSystem.exists(join(webRoot, "vite.config.ts"))) {
     return "vite";
   }
@@ -105,6 +114,27 @@ function routePathForFile(webRoot: string, file: string): string | null {
   if (rel === "app/page.tsx" || rel === "app/page.ts" || rel === "app/page.jsx" || rel === "app/page.js") {
     return "/";
   }
+  if (rel === "app.vue") {
+    return "/";
+  }
+  if (rel === "pages/index.vue") {
+    return "/";
+  }
+  const vueRoute = rel.match(/^pages\/(.+)\.vue$/);
+  if (vueRoute) {
+    const route = vueRoute[1]
+      .split("/")
+      .map((segment) => {
+        if (segment === "index") {
+          return "";
+        }
+        const dynamic = segment.match(/^\[([A-Za-z0-9_]+)\]$/);
+        return dynamic ? `:${dynamic[1]}` : segment;
+      })
+      .filter(Boolean)
+      .join("/");
+    return `/${route}`;
+  }
   const match = rel.match(/^app\/(.+)\/page\.(tsx|ts|jsx|js)$/);
   if (match) {
     const route = match[1]
@@ -117,7 +147,7 @@ function routePathForFile(webRoot: string, file: string): string | null {
 }
 
 function componentNameForFile(file: string): string {
-  return basename(file).replace(/\.(tsx|ts|jsx|js)$/, "");
+  return basename(file).replace(/\.(tsx|ts|jsx|js|vue)$/, "");
 }
 
 function componentNameForText(file: string, text: string): string {
@@ -134,6 +164,14 @@ function componentNameForText(file: string, text: string): string {
 
 function isComponentFile(webRoot: string, file: string, text: string): boolean {
   const rel = toPosix(relative(webRoot, file));
+  if (file.endsWith(".vue")) {
+    return (
+      rel === "app.vue" ||
+      rel.startsWith("components/") ||
+      rel.startsWith("src/components/") ||
+      rel.startsWith("pages/")
+    );
+  }
   if (!/\.(tsx|jsx)$/.test(file)) {
     return false;
   }
@@ -206,6 +244,9 @@ function devCommandFor(webRoot: string, framework: FrontendGraph["framework"]):
 }
 
 function apiEnvFor(framework: FrontendGraph["framework"]): string {
+  if (framework === "nuxt") {
+    return NUXT_API_URL_ENV;
+  }
   return framework === "vite" || framework === "static" ? VITE_API_URL_ENV : API_URL_ENV;
 }
 
@@ -224,7 +265,7 @@ function stringProp(text: string, prop: "userId" | "tenantId" | "role"): string
 }
 
 function defaultWebPort(framework: FrontendGraph["framework"]): number {
-  return framework === "next" ? 3000 : 5173;
+  return framework === "next" || framework === "nuxt" ? 3000 : 5173;
 }
 
 function componentNamesInText(text: string, components: FrontendComponentInfo[]): string[] {
@@ -299,7 +340,7 @@ export function buildFrontendGraph(input: {
   const defaultApiUrl = `http://127.0.0.1:${input.apiPort ?? 3765}`;
   const devUrl = `http://127.0.0.1:${input.webPort ?? defaultWebPort(framework)}`;
   const files = walkFiles(webRoot);
-  const sourceFiles = files.filter((file) => /\.(tsx|ts|jsx|js|html)$/.test(file));
+  const sourceFiles = files.filter((file) => /\.(tsx|ts|jsx|js|vue|html)$/.test(file));
   const routes: FrontendRouteInfo[] = [];
   const components: FrontendComponentInfo[] = [];
   const providers: FrontendProviderInfo[] = [];
@@ -314,7 +355,9 @@ export function buildFrontendGraph(input: {
       rel === "web/lib/forge.ts" ||
       rel === "web/lib/forge.tsx" ||
       rel === "web/src/lib/forge.ts" ||
-      rel === "web/src/lib/forge.tsx";
+      rel === "web/src/lib/forge.tsx" ||
+      rel === "web/composables/forge.ts" ||
+      rel === "web/plugins/forge.ts";
     textByRel.set(rel, text);
     const uses = detectUses(text, input.clientManifest);
     if (isComponentFile(webRoot, file, text)) {
@@ -335,11 +378,32 @@ export function buildFrontendGraph(input: {
         ...(devAuth && stringProp(text, "role") ? { devAuthRole: stringProp(text, "role") } : {}),
       });
     }
+    if (
+      text.includes("provideForge({") ||
+      text.includes("vueApp.use(ForgeVuePlugin") ||
+      text.includes("app.use(ForgeVuePlugin")
+    ) {
+      const devAuth =
+        text.includes("devAuth") ||
+        (text.includes("userId") && text.includes("tenantId") && text.includes("role"));
+      providers.push({
+        name: framework === "nuxt" ? "ForgeNuxtPlugin" : "ForgeVueProvider",
+        file: rel,
+        ...(text.includes(NUXT_API_URL_ENV) ? { apiUrlEnv: NUXT_API_URL_ENV } : {}),
+        ...(text.includes(VITE_API_URL_ENV) ? { apiUrlEnv: VITE_API_URL_ENV } : {}),
+        devAuth,
+        ...(devAuth && stringProp(text, "userId") ? { devAuthUserId: stringProp(text, "userId") } : {}),
+        ...(devAuth && stringProp(text, "tenantId") ? { devAuthTenantId: stringProp(text, "tenantId") } : {}),
+        ...(devAuth && stringProp(text, "role") ? { devAuthRole: stringProp(text, "role") } : {}),
+      });
+    }
     if (
       rel === "web/lib/forge.ts" ||
       rel === "web/lib/forge.tsx" ||
       rel === "web/src/lib/forge.ts" ||
-      rel === "web/src/lib/forge.tsx"
+      rel === "web/src/lib/forge.tsx" ||
+      rel === "web/composables/forge.ts" ||
+      rel === "web/plugins/forge.ts"
     ) {
       bridgeFiles.push(rel);
     }
@@ -350,7 +414,7 @@ export function buildFrontendGraph(input: {
         message: "frontend imports generated files directly; prefer the local web/lib/forge bridge",
         file: rel,
         fixHint: "Import generated client APIs through web/lib/forge.ts so agents and humans have one stable frontend bridge.",
-        suggestedCommands: ["forge inspect frontend --json", "forge make ui --framework vite --dry-run --json"],
+        suggestedCommands: ["forge inspect frontend --json", `forge make ui --framework ${framework === "nuxt" ? "nuxt" : "vite"} --dry-run --json`],
         docs: ["src/forge/_generated/frontendGraph.json", "src/forge/_generated/appMap.md"],
       }));
     }
@@ -401,9 +465,13 @@ export function buildFrontendGraph(input: {
     diagnostics.push(createDiagnostic({
       severity: "warning",
       code: "FORGE_FRONTEND_PROVIDER_MISSING",
-      message: "web app does not expose a ForgeProvider; generated hooks may not be wired",
-      fixHint: "Mount ForgeProvider once in the web app root/provider layer and pass devAuth for local development.",
-      suggestedCommands: ["forge inspect frontend --json", "forge make ui --framework vite --dry-run --json"],
+      message: framework === "nuxt"
+        ? "Nuxt app does not expose a Forge plugin; generated composables may not be wired"
+        : "web app does not expose a ForgeProvider; generated hooks may not be wired",
+      fixHint: framework === "nuxt"
+        ? "Create web/plugins/forge.ts and call provideForge with runtimeConfig.public.forgeUrl and devAuth for local development."
+        : "Mount ForgeProvider once in the web app root/provider layer and pass devAuth for local development.",
+      suggestedCommands: ["forge inspect frontend --json", `forge make ui --framework ${framework === "nuxt" ? "nuxt" : "vite"} --dry-run --json`],
       docs: ["src/forge/_generated/frontendGraph.json", "AGENTS.md"],
     }));
   }
@@ -411,9 +479,13 @@ export function buildFrontendGraph(input: {
     diagnostics.push(createDiagnostic({
       severity: "warning",
       code: "FORGE_FRONTEND_BRIDGE_MISSING",
-      message: "web/**/lib/forge.ts bridge is missing; agents may use fragile generated import paths",
-      fixHint: "Create web/lib/forge.ts or web/src/lib/forge.ts and re-export api, client, ForgeProvider, and generated hooks from src/forge/_generated.",
-      suggestedCommands: ["forge make ui --framework vite --dry-run --json", "forge generate"],
+      message: framework === "nuxt"
+        ? "web/composables/forge.ts bridge is missing; agents may use fragile generated import paths"
+        : "web/**/lib/forge.ts bridge is missing; agents may use fragile generated import paths",
+      fixHint: framework === "nuxt"
+        ? "Create web/composables/forge.ts and re-export api plus generated Forge Vue composables from src/forge/_generated."
+        : "Create web/lib/forge.ts or web/src/lib/forge.ts and re-export api, client, ForgeProvider, and generated hooks from src/forge/_generated.",
+      suggestedCommands: [`forge make ui --framework ${framework === "nuxt" ? "nuxt" : "vite"} --dry-run --json`, "forge generate"],
       docs: ["src/forge/_generated/frontendGraph.json", "AGENTS.md"],
     }));
   }

package/src/forge/compiler/make-registry/build.ts

@@ -34,6 +34,7 @@ export function buildMakeRegistry(generatorVersion: string): MakeRegistryArtifac
       "forge make list --json",
       "forge make explain <primitive> --json",
       "forge make ui --framework vite --dry-run --json",
+      "forge make ui --framework nuxt --dry-run --json",
       "forge make ai-chat support --dry-run --json",
       "forge make resource <name> --fields title:text,status:enum(open,closed) --dry-run --json",
       "forge make resource <name> --fields title:text --with-ui --yes",
@@ -113,16 +114,14 @@ export function buildMakeRegistry(generatorVersion: string): MakeRegistryArtifac
       },
       {
         name: "ui",
-        summary: "Add a Vite React frontend shell with ForgeProvider devAuth and a generated client bridge.",
+        summary: "Add a Vite React or Nuxt Vue frontend shell with generated Forge client bindings.",
         creates: [
           "web/package.json",
-          "web/index.html",
-          "web/src/lib/forge.ts",
-          "web/src/main.tsx",
-          "web/src/App.tsx",
+          "web/src/lib/forge.ts or web/composables/forge.ts",
+          "web/src/main.tsx or web/app.vue",
         ],
         modifies: [],
-        examples: ["forge make ui --framework vite --yes"],
+        examples: ["forge make ui --framework vite --yes", "forge make ui --framework nuxt --yes"],
       },
       {
         name: "ai-chat",
@@ -166,7 +165,7 @@ export function buildMakeTemplates(): MakeTemplateArtifact {
       { name: "workflow", sourceKind: "runtime", outputPattern: "src/workflows/<name>.ts" },
       { name: "component", sourceKind: "frontend", outputPattern: "web/components/<name>.tsx" },
       { name: "page", sourceKind: "frontend", outputPattern: "web/app/<route>/page.tsx" },
-      { name: "ui", sourceKind: "frontend", outputPattern: "web/src/App.tsx" },
+      { name: "ui", sourceKind: "frontend", outputPattern: "web/src/App.tsx or web/app.vue" },
       { name: "ai-chat", sourceKind: "frontend", outputPattern: "web/components/<name>AiChat.tsx" },
       { name: "placeholder-test", sourceKind: "test", outputPattern: "tests/make-generated/<name>.test.ts" },
     ],

package/src/forge/compiler/orchestrator/plan.ts

@@ -35,6 +35,7 @@ import {
 import {
   buildClientManifest,
   buildReactManifest,
+  buildVueManifest,
 } from "../client-sdk/build-manifest.ts";
 import {
   buildFrontendGraph,
@@ -48,6 +49,9 @@ import {
   renderReactDts,
   renderReactManifestTs,
   renderReactTs,
+  renderVueDts,
+  renderVueManifestTs,
+  renderVueTs,
 } from "../client-sdk/render-client.ts";
 import { buildSqlPlan } from "../data-graph/sql/ddl.ts";
 import { buildRlsArtifacts } from "../data-graph/rls/build.ts";
@@ -204,6 +208,7 @@ import {
   serializeClientApiTsExport,
   serializeClientManifestJson,
   serializeReactManifestJson,
+  serializeVueManifestJson,
   buildMockMapEntries,
 } from "./serialize.ts";
 import { buildDefaultAuthRegistry, AUTH_ENV } from "../../runtime/auth/config.ts";
@@ -334,6 +339,7 @@ export function plan(input: PlanInput): EmitPlan {
   );
   const clientManifest = buildClientManifest(apiSurface, input.classified);
   const reactManifest = buildReactManifest(clientManifest);
+  const vueManifest = buildVueManifest(clientManifest);
   const frontendGraph = buildFrontendGraph({
     workspaceRoot: input.ctx.workspaceRoot,
     clientManifest,
@@ -884,6 +890,13 @@ export function plan(input: PlanInput): EmitPlan {
       `${GENERATED_DIR}/reactManifest.json`,
       serializeReactManifestJson(reactManifest),
     ),
+    makeEmitFile(`${GENERATED_DIR}/vue.ts`, renderVueTs()),
+    makeEmitFile(`${GENERATED_DIR}/vue.d.ts`, renderVueDts()),
+    makeEmitFile(`${GENERATED_DIR}/vueManifest.ts`, renderVueManifestTs(vueManifest)),
+    makeEmitFile(
+      `${GENERATED_DIR}/vueManifest.json`,
+      serializeVueManifestJson(vueManifest),
+    ),
   ];
   const fileRenderMs = performance.now() - checkpoint;
   checkpoint = performance.now();

package/src/forge/compiler/orchestrator/serialize.ts

@@ -940,6 +940,12 @@ export function serializeReactManifestJson(
   return serializeCanonical(manifest);
 }
 
+export function serializeVueManifestJson(
+  manifest: import("../client-sdk/build-manifest.ts").VueManifest,
+): string {
+  return serializeCanonical(manifest);
+}
+
 export function serializeTestGraphJson(graph: TestGraph): string {
   return serializeCanonical(graph);
 }

package/src/forge/compiler/types/frontend-graph.ts

@@ -31,7 +31,7 @@ export interface FrontendProviderInfo {
 
 export interface FrontendWebManifest {
   present: boolean;
-  framework: "next" | "vite" | "static" | "unknown" | "none";
+  framework: "next" | "nuxt" | "vite" | "static" | "unknown" | "none";
   root?: string;
   packageManager?: "bun" | "npm" | "pnpm" | "yarn" | "unknown";
   scripts: {
@@ -63,7 +63,7 @@ export interface FrontendClientBindingInfo {
 export interface FrontendGraph {
   schemaVersion: "0.1.0";
   present: boolean;
-  framework: "next" | "vite" | "static" | "unknown" | "none";
+  framework: "next" | "nuxt" | "vite" | "static" | "unknown" | "none";
   root?: string;
   dev?: {
     command: string;

package/src/forge/intent/index.ts

@@ -231,7 +231,7 @@ function planFor(input: {
     }
     case "connect-ui":
       return {
-        summary: "Inspect and repair the web app bridge, provider, routes, and generated hook usage.",
+        summary: "Inspect and repair the web app bridge, provider/plugin, routes, and generated binding usage.",
         plan: [
           step(
             "Read frontend graph",
@@ -242,20 +242,25 @@ function planFor(input: {
           ),
           step(
             "Create or repair UI bridge",
-            "Forge frontends should use the local bridge and hooks instead of fragile direct runtime fetches.",
-            ["forge make ui --framework vite --dry-run --json", "forge repair diagnose --diagnostic FORGE_FRONTEND_DIRECT_RUNTIME_FETCH --json"],
-            ["web/src/lib/forge.ts", "web/src/App.tsx", `${GENERATED_DIR}/frontendGraph.json`],
-            ["ForgeProvider is mounted when framework needs it", "useQuery/useCommand/useLiveQuery replace raw endpoint fetches"],
+            "Forge frontends should use the local bridge and generated hooks/composables instead of fragile direct runtime fetches.",
+            [
+              "forge make ui --framework vite --dry-run --json",
+              "forge make ui --framework nuxt --dry-run --json",
+              "forge repair diagnose --diagnostic FORGE_FRONTEND_DIRECT_RUNTIME_FETCH --json",
+            ],
+            ["web/src/lib/forge.ts", "web/composables/forge.ts", "web/src/App.tsx", "web/app.vue", `${GENERATED_DIR}/frontendGraph.json`],
+            ["ForgeProvider or Nuxt plugin is mounted when framework needs it", "generated hooks/composables replace raw endpoint fetches"],
           ),
         ],
         commands: [
           intentCommand("forge inspect frontend --json", "Inspect frontend wiring"),
           intentCommand("forge dev --once --json", "Run the central diagnostic loop"),
           intentCommand("forge make ui --framework vite --dry-run --json", "Preview adding a Forge-ready UI bridge", "after-review"),
+          intentCommand("forge make ui --framework nuxt --dry-run --json", "Preview adding a Forge-ready Nuxt UI bridge", "after-review"),
           intentCommand("forge generate", "Refresh frontendGraph and agentContract", "after-editing"),
         ],
         filesToInspect: files,
-        filesToChange: uniqueSorted(["web", "web/src/lib/forge.ts", "web/src/App.tsx"]),
+        filesToChange: uniqueSorted(["web", "web/src/lib/forge.ts", "web/composables/forge.ts", "web/src/App.tsx", "web/app.vue"]),
         risks: [
           risk("medium", "UI can appear to work while bypassing generated hooks.", "Treat frontendGraph diagnostics as blocking for agent handoff."),
         ],

package/src/forge/make/index.ts

@@ -21,6 +21,13 @@ import {
   renderListQuery,
   renderLiveQuery,
   renderNextAiPackage,
+  renderNuxtApp,
+  renderNuxtConfig,
+  renderNuxtForgeComposable,
+  renderNuxtForgePlugin,
+  renderNuxtPackage,
+  renderNuxtStatusComponent,
+  renderNuxtTsconfig,
   renderPage,
   renderPlaceholderTest,
   renderPolicyFile,
@@ -107,7 +114,7 @@ const EXPLANATIONS: Record<MakeIntent["kind"], string> = {
   page:
     "Adds a minimal app page under web/app/<route>/page.tsx.",
   ui:
-    "Adds a minimal Vite React web app with ForgeProvider devAuth and a generated client bridge.",
+    "Adds a minimal Vite React or Nuxt Vue web app with generated Forge client bindings.",
   "ai-chat":
     "Adds a Forge AI agent definition and a React chat component that calls the Forge /ai/agents/run runtime endpoint.",
   resource:
@@ -513,7 +520,7 @@ function buildIntent(options: MakeCommandOptions): {
   const kind = options.primitive as MakeIntent["kind"];
   const fieldOptions = parseFieldOptions(options);
   const diagnostics = [...fieldOptions.diagnostics];
-  if (options.framework && !["vite", "next"].includes(options.framework)) {
+  if (options.framework && !["vite", "next", "nuxt"].includes(options.framework)) {
     diagnostics.push(
       diagnostic("error", "FORGE_MAKE_PATCH_UNSAFE", `unsupported frontend framework '${options.framework}'`),
     );
@@ -523,7 +530,7 @@ function buildIntent(options: MakeCommandOptions): {
       diagnostic(
         "warning",
         "FORGE_MAKE_UI_FRAMEWORK_EXPERIMENTAL",
-        "forge make ui currently generates the Vite React bridge; Next support should use the b2b-support-web template",
+        "forge make ui currently generates Vite React and Nuxt Vue bridges; Next support should use the b2b-support-web template",
       ),
     );
   }
@@ -574,6 +581,7 @@ function buildIntent(options: MakeCommandOptions): {
       trigger: options.trigger ?? options.event ?? (table ? `${singular}.created` : undefined),
       component: options.component,
       route: options.name ? kebabCase(options.name) : undefined,
+      framework: options.framework,
       withAi: options.withAi || kind === "ai-chat",
       withCreateForm: options.withCreateForm || kind === "resource",
     },
@@ -794,6 +802,18 @@ function addFrontendFiles(plan: MakePlan, workspaceRoot: string, intent: MakeInt
     return;
   }
   if (intent.kind === "ui") {
+    if (intent.framework === "nuxt") {
+      plan.filesToCreate.push(
+        createFile(workspaceRoot, "web/package.json", "Add Nuxt web package", renderNuxtPackage(intent.name)),
+        createFile(workspaceRoot, "web/nuxt.config.ts", "Add Nuxt runtime config", renderNuxtConfig()),
+        createFile(workspaceRoot, "web/tsconfig.json", "Add Nuxt TypeScript config", renderNuxtTsconfig()),
+        createFile(workspaceRoot, "web/composables/forge.ts", "Add Forge Vue composable bridge", renderNuxtForgeComposable()),
+        createFile(workspaceRoot, "web/plugins/forge.ts", "Add Forge Nuxt plugin", renderNuxtForgePlugin()),
+        createFile(workspaceRoot, "web/app.vue", "Add Nuxt app shell", renderNuxtApp()),
+        createFile(workspaceRoot, "web/components/ForgeStatus.vue", "Add Forge status component", renderNuxtStatusComponent()),
+      );
+      return;
+    }
     plan.filesToCreate.push(
       createFile(workspaceRoot, "web/package.json", "Add Vite React web package", renderVitePackage(intent.name)),
       createFile(workspaceRoot, "web/tsconfig.json", "Add web TypeScript config", renderViteTsconfig()),

package/src/forge/make/templates.ts

@@ -652,6 +652,159 @@ export function renderVitePackage(appName: string): string {
 `;
 }
 
+export function renderNuxtPackage(appName: string): string {
+  return `{
+  "name": "${kebabCase(appName)}-web",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "nuxt dev --host 127.0.0.1",
+    "build": "nuxt build",
+    "typecheck": "nuxt typecheck"
+  },
+  "dependencies": {
+    "nuxt": "^4.0.0",
+    "vue": "^3.5.38"
+  },
+  "devDependencies": {
+    "typescript": "^5.7.3"
+  }
+}
+`;
+}
+
+export function renderNuxtConfig(): string {
+  return `export default defineNuxtConfig({
+  compatibilityDate: "2026-06-18",
+  runtimeConfig: {
+    public: {
+      forgeUrl: process.env.NUXT_PUBLIC_FORGE_URL ?? "http://127.0.0.1:3765",
+    },
+  },
+  typescript: {
+    strict: true,
+  },
+});
+`;
+}
+
+export function renderNuxtTsconfig(): string {
+  return `{
+  "extends": "./.nuxt/tsconfig.json"
+}
+`;
+}
+
+export function renderNuxtForgeComposable(): string {
+  return `export const forgeUrl = "http://127.0.0.1:3765";
+
+export { api } from "../../src/forge/_generated/api";
+export { createForgeClient, ForgeError } from "../../src/forge/_generated/client";
+export {
+  ForgeVuePlugin,
+  provideForge,
+  useForgeAuth,
+  useForgeClient,
+  useForgeCommand,
+  useForgeLiveQuery,
+  useForgeQuery,
+} from "../../src/forge/_generated/vue";
+`;
+}
+
+export function renderNuxtForgePlugin(): string {
+  return `import { ForgeVuePlugin } from "../composables/forge";
+
+export default defineNuxtPlugin((nuxtApp) => {
+  const config = useRuntimeConfig();
+
+  nuxtApp.vueApp.use(ForgeVuePlugin, {
+    url: String(config.public.forgeUrl),
+    devAuth: true,
+  });
+});
+`;
+}
+
+export function renderNuxtApp(): string {
+  return `<script setup lang="ts">
+import ForgeStatus from "./components/ForgeStatus.vue";
+</script>
+
+<template>
+  <main class="shell">
+    <p class="eyebrow">ForgeOS Nuxt app</p>
+    <h1>Full-stack loop ready</h1>
+    <ForgeStatus />
+  </main>
+</template>
+
+<style scoped>
+.shell {
+  width: min(760px, calc(100vw - 32px));
+  margin: 0 auto;
+  padding: 48px 0;
+}
+
+.eyebrow {
+  color: #58655f;
+  font-size: 0.82rem;
+  font-weight: 800;
+  text-transform: uppercase;
+}
+
+h1 {
+  margin: 0 0 12px;
+  color: #17211d;
+  font-size: 2.2rem;
+}
+</style>
+`;
+}
+
+export function renderNuxtStatusComponent(): string {
+  return `<script setup lang="ts">
+import { computed } from "vue";
+import { useForgeAuth } from "../composables/forge";
+
+const auth = useForgeAuth();
+const tenantLabel = computed(() => auth?.tenantId ?? "dev-tenant");
+const roleLabel = computed(() => auth?.role ?? "owner");
+</script>
+
+<template>
+  <section class="status-panel">
+    <span class="status-dot" aria-hidden="true" />
+    <p>
+      Connected as <strong>{{ roleLabel }}</strong> on
+      <strong>{{ tenantLabel }}</strong>.
+    </p>
+  </section>
+</template>
+
+<style scoped>
+.status-panel {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-top: 24px;
+  color: #26332d;
+}
+
+.status-dot {
+  width: 10px;
+  height: 10px;
+  border-radius: 999px;
+  background: #1f9d55;
+}
+
+p {
+  margin: 0;
+}
+</style>
+`;
+}
+
 export function renderNextAiPackage(appName: string): string {
   return `{
   "name": "${kebabCase(appName)}-web",

package/src/forge/make/types.ts

@@ -61,6 +61,7 @@ export interface MakeIntent {
   trigger?: string;
   component?: string;
   route?: string;
+  framework?: "vite" | "next" | "nuxt";
   withAi: boolean;
   withCreateForm: boolean;
 }
@@ -130,7 +131,7 @@ export interface MakeCommandOptions {
   event?: string;
   trigger?: string;
   component?: string;
-  framework?: "vite" | "next";
+  framework?: "vite" | "next" | "nuxt";
   withAi: boolean;
   withCrud: boolean;
   withLiveQuery: boolean;

package/src/forge/version.ts

@@ -1,3 +1,3 @@
-export const FORGEOS_VERSION = "0.1.0-alpha.13";
+export const FORGEOS_VERSION = "0.1.0-alpha.14";
 export const GENERATOR_VERSION = FORGEOS_VERSION;
 export const CLI_VERSION = FORGEOS_VERSION;