Runable v1.0.0-alpha.20
Why Runable? Docs Modules Work with AI Blog About Changelog
  • 01Why Runable?
  • 02Docs
  • 03Modules
  • 04Work with AI
  • 05Blog
  • 06About
  • 07Changelog
Vue without a fixed server runtime.
Getting Started Structure Integrations Guide MCP API
  • Getting Started Structure Integrations Guide MCP API
      .output.apptsconfig.app.jsonapppageslayoutscomponentscomposablesglobalspluginsmiddlewarescssapp.vueerror.vuemodulesnode_modulespublic.env.gitignorerunable.config.tsserver.tspackage.jsontsconfig.jsontsconfig.node.json

.app/tsconfig.app.json

Use the TypeScript configuration generated by Runable and extend it only when the project needs to.

Runable generates this configuration with runable prepare. It covers Vue components, app/ sources, and declarations produced in .app/.

It configures strict mode, Bundler resolution, browser libraries, Vue JSX, noEmit, project aliases, and #build/*.

Run runable prepare before the first type check. This command generates declarations for routes, components, layouts, plugins, and auto-imports.

Do not edit the generated file

Runable may rewrite .app/tsconfig.app.json. Direct customizations will be lost during the next preparation.

Recommended minimal configuration

When the generated settings suit your project, reference the file directly from tsconfig.json:

{
  "files": [],
  "references": [
    { "path": "./.app/tsconfig.app.json" },
    { "path": "./tsconfig.node.json" }
  ]
}

In this case, do not create a root tsconfig.app.json.

Add project options

Create a root file only when the application needs additional options:

{
  "extends": "./.app/tsconfig.app.json",
  "compilerOptions": {
    "exactOptionalPropertyTypes": true
  }
}

Then update the root reference:

{
  "files": [],
  "references": [
    { "path": "./tsconfig.app.json" },
    { "path": "./tsconfig.node.json" }
  ]
}

Keep this layer short. Do not duplicate aliases or files already included by Runable.

Report an issue Edit this page
.app

Understand the types, registries, and virtual files prepared by Runable.

app

Organize your Vue application sources in the app directory.

On this page

  • 1Recommended minimal configuration
  • 2Add project options
Runable

The Vue framework that brings productive conventions to any backend.

Product

  • Why Runable
  • Documentation
  • Installation
  • Integrations

Project

  • About
  • Blog
  • Changelog
  • Sponsor

Community

  • GitHub
  • Issues
  • Discussions
  • Bluesky

© 2026 Runable. Released under the MIT License.

Open source Built with Vue and Runable