\n \n
Hello Vue composable-app 1
\n \n\n```\n\nCreate a file called `selfHosted.ts|js` in the `src` directory where your composable app is, for example:\n\n```\nmy-monorepo/\n├- apps/\n│ ├─ vue-host/\n├─ composable-apps/\n│ ├─ vue-app-1/\n│ │ ├─ package.json\n│ │ ├─ src/\n│ │ │ ├─ VueApp1.vue\n│ │ │ ├─ index.ts 👈\n│ │ │ ├─ selfHosted.ts 👈\n├─ package.json\n```\n\nExport a `createRuntime` function from the `selfHosted.ts|js` file. This is the runtime that will be used when the app runs in isolation, meaning without a host.\n\n```ts\n// my-monorepo/composable-apps/vue-app-1/src/selfHosted.ts\nexport { createRuntime } from \"@my-org/runtime-vue\";\n```\n\n:::info\n\nRead [@leanjs/core](../core/README.md#basic-usage) if you have not already created your own `createRuntime` function\n\n:::\n\n## Components\n\n### `HostProvider`\n\nYou have to **call [createRuntimeBindings](#createruntimebindings) to create a `HostProvider` component** before you use it. `HostProvider` stores in a Vue context values that are shared across apps hosted in the same component tree. Props:\n\n#### `runtime` prop - required\n\nYour Lean [runtime](../core/README.md).\n\n#### `origin` prop - optional\n\n[Origin](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Origin) where your remote composable apps are. During development, use the address where you run your Lean [proxy dev server](../cli/README.md#proxy-dev-server). Use the address of your CDN in production, e.g. `https://cdn.example.com`.\n\nExample\n\n```tsx\n