app

The app/ directory contains the Vue application. Runable scans its conventional subdirectories and generates the required registries.

app/
├── pages/
├── layouts/
├── components/
├── composables/
├── globals/
├── plugins/
├── middlewares/
├── css/
├── app.vue
└── error.vue

Every item is optional. A minimal application can contain only app/pages/index.vue.

css/ is an organizational convention only — unlike the other directories, Runable does not scan it automatically. Declare each stylesheet explicitly in runable.config.ts's css option (see app/css).

Use another name

// runable.config.ts
export default defineConfig({
  appDir: "frontend",
});

Conventions then become frontend/pages, frontend/layouts, and so on. A more specific option such as pages or components can override only the corresponding directory.