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
Components
  • RunablePage
  • RunableLink
  • RunableLayout
  • ClientOnly
Composables
  • useAsyncData
  • useFetch
  • useConfig
  • useRuntime
  • useApp
  • useAppError
  • useRouter
  • useRoute
  • navigateTo
  • onBeforeRouteUpdate
  • injectHead
  • useHead
  • useSeoMeta
  • useHeadSafe
  • useSchemaOrg
Globals
  • $fetch
  • definePageMeta
  • defineVueMiddleware
  • defineVuePlugin
  • Vue APIs

useRuntime

Access public and private environment variables loaded by Runable.

function useRuntime(): RuntimeValues
RUN_PUBLIC_API_BASE=/api
RUN_DATABASE_URL=postgres://localhost/acme
const runtime = useRuntime();

runtime.public.apiBase;

if (import.meta.server) {
  runtime.databaseUrl;
}

*_PUBLIC_* variables are grouped under public and included in both client and server bundles. Other recognized variables are available only on the server. Properties are converted to camelCase and typed in .app/runtime.d.ts.

Report an issue Edit this page
useConfig

Read the public part of the Runable configuration in the Vue application.

useApp

Retrieve the current Vue application, its global properties, and Runable hooks.

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