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

useConfig

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

function useConfig(): ClientConfig

The result contains only options that are safe to send to the client:

const config = useConfig();

console.log(config.ssr);
console.log(config.siteUrl);
console.log(config.baseUrl);
console.log(config.head);

ClientConfig includes head, ssr, siteUrl, and baseUrl. Absolute paths, modules, and Vite settings remain on the server.

Report an issue Edit this page
useFetch

Fetch data with reactive options, SSR hydration, caching, and request deduplication.

useRuntime

Access public and private environment variables loaded by Runable.

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